@charset "UTF-8"; /* --- xenforo.css --- */ /* * YUI reset-fonts.css * Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;text-decoration:none}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* * Firefox broken image placeholder support. * http://lab.gmtplusone.com/image-placeholder/ */ img:-moz-broken, img:-moz-user-disabled { -moz-force-broken-image-icon: 1; } img:-moz-broken:not([width]), img:-moz-user-disabled:not([width]) { width: 50px; } img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) { height: 50px; } /* * XenForo Core CSS * */ html { background-color: rgb(54, 61, 71); overflow-y: scroll !important; } body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 12px; font-family: Tahoma, Helvetica, Arial, sans-serif; color: rgb(71, 75, 81); word-wrap: break-word; line-height: 1.28; } /* counteract the word-wrap setting in 'body' */ pre, textarea { word-wrap: normal; } [dir=auto] { text-align: left; } a:link, a:visited { color: rgb(54, 61, 71); text-decoration: none; } a[href]:hover { text-decoration: underline; } a:hover { _text-decoration: underline; } a.noOutline { outline: 0 none; } .emCtrl, .messageContent a { border-radius: 5px; } .emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus { /*position: relative; top: -1px;*/ text-decoration: none; box-shadow: 5px 5px 7px #CCCCCC; outline: 0 none; } .emCtrl:active, .ugc a:active { position: relative; top: 1px; box-shadow: 2px 2px 7px #CCCCCC; outline: 0 none; } .ugc a:link, .ugc a:visited { text-decoration: underline; padding: 0 3px; margin: 0 -3px; } .ugc a:hover, .ugc a:focus { text-decoration: underline; border-radius: 0px; box-shadow: none; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin: 0 1px; } /** title bar **/ .titleBar { margin-bottom: 10px; } /* clearfix */ .titleBar { zoom: 1; } .titleBar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .titleBar h1 { font-size: 14pt; overflow: hidden; zoom: 1; } .titleBar h1 em { color: rgb(89, 97, 112); } .titleBar h1 .Popup { float: left; } #pageDescription { font-size: 14px; color: rgb(138, 147, 162); margin-top: 2px; } .topCtrl { float: right; } .topCtrl h2 { font-size: 12pt; } /** images **/ img { -ms-interpolation-mode: bicubic; } a.avatar { *cursor: pointer; /* IE7 refuses to do this */ } .avatar img, .avatar .img, .avatarCropper { background-color: rgb(255, 255, 255); padding: 2px; border: 1px solid rgb(213, 213, 213); } .avatar.plainImage img, .avatar.plainImage .img { border: none; border-radius: 0; padding: 0; background-position: left top; } .avatar .img { display: block; background-repeat: no-repeat; background-position: 2px 2px; text-indent: 1000px; overflow: hidden; white-space: nowrap; word-wrap: normal; } .avatar .img.s { width: 48px; height: 48px; } .avatar .img.m { width: 96px; height: 96px; } .avatar .img.l { width: 192px; height: 192px; } .avatarCropper { width: 192px; height: 192px; direction: ltr; } .avatarCropper a, .avatarCropper span, .avatarCropper label { overflow: hidden; position: relative; display: block; width: 192px; height: 192px; } .avatarCropper img { padding: 0; border: none; border-radius: 0; position: relative; display: block; } .avatarScaler img { max-width: 192px; _width: 192px; } /* ***************************** */ body .dimmed, body a.dimmed, body .dimmed a { color: rgb(89, 97, 112); } body .muted, body a.muted, body .muted a { color: rgb(138, 147, 162); } body .faint, body a.faint, body .faint a { color: rgb(194, 198, 206); } .highlight { font-weight: bold; } .concealed, .concealed a, .cloaked, .cloaked a { text-decoration: inherit !important; color: inherit !important; *clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0); } a.concealed:hover, .concealed a:hover { text-decoration: underline !important; } /* ***************************** */ .xenTooltip { font-size: 11px; color: rgb(255, 255, 255); background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0,0,0, 0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); padding: 5px 10px; border-radius: 3px; display: none; z-index: 15000; cursor: default; } .xenTooltip a, .xenTooltip a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .xenTooltip .arrow { border-top: 6px solid rgb(0,0,0); border-top: 6px solid rgba(0,0,0, 0.6); _border-top: 6px solid rgb(0,0,0); border-right: 6px solid transparent; border-bottom: 1px none black; border-left: 6px solid transparent; position: absolute; bottom: -6px; line-height: 0px; width: 0px; height: 0px; left: 9px; /* Hide from IE6 */ _display: none; } .xenTooltip.flipped .arrow { left: auto; right: 9px; } .xenTooltip.statusTip { /* Generated by XenForo.StatusTooltip JavaScript */ padding: 5px 10px; line-height: 17px; width: 250px; height: auto; } .xenTooltip.statusTip .arrow { border: 6px solid transparent; border-right-color: rgb(0,0,0); border-right-color: rgba(0,0,0, 0.6); _border-right-color: rgb(0,0,0); border-left: 1px none black; top: 6px; left: -6px; bottom: auto; right: auto; } .xenTooltip.iconTip { margin-left: -6px; } .xenTooltip.iconTip.flipped { margin-left: 7px; } /* ***************************** */ #PreviewTooltip { display: none; } .xenPreviewTooltip { border: 10px solid rgb(32, 35, 40); border-radius: 10px; position: relative; box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); width: 400px; display: none; z-index: 15000; cursor: default; border-color: rgb(32, 35, 40); border-color: rgba(32, 35, 40, 0.5); _border-color: rgb(32, 35, 40); } .xenPreviewTooltip .arrow { border-top: 15px solid rgb(3,42,70); border-top: 15px solid rgba(3,42,70, 0.25); _border-top: 15px solid rgb(3,42,70); border-right: 15px solid transparent; border-bottom: 1px none black; border-left: 15px solid transparent; position: absolute; bottom: -15px; left: 22px; _display: none; } .xenPreviewTooltip .arrow span { border-top: 15px solid rgb(255, 255, 255); border-right: 15px solid transparent; border-bottom: 1px none black; border-left: 15px solid transparent; position: absolute; top: -17px; left: -15px; } .xenPreviewTooltip .section, .xenPreviewTooltip .sectionMain, .xenPreviewTooltip .primaryContent, .xenPreviewTooltip .secondaryContent { margin: 0; } .xenPreviewTooltip .previewContent { overflow: hidden; zoom: 1; min-height: 1em; } /* ***************************** */ .importantMessage { margin: 10px 0; color: #6d3f03; background-color: #fff4e5; text-align: center; padding: 5px; border-radius: 5px; border: solid 1px #f9bc6d; } .importantMessage a { font-weight: bold; color: #6d3f03; } /* ***************************** */ .section { margin: 10px auto; } .sectionMain { background-color: rgb(255, 255, 255); margin: 10px auto; } .heading, .xenForm .formHeader { font-weight: bold; font-size: 13px; color: rgb(250, 250, 251); background-color: rgb(175, 181, 192); padding: 5px 10px; margin-bottom: 3px; border-top: 1px solid rgb(144, 152, 167); border-bottom: 1px solid rgb(144, 152, 167); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; } .heading a { color: rgb(250, 250, 251); } .subHeading { font-size: 13px; color: rgb(60, 65, 75); background: rgb(235, 236, 239) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; padding: 8px 10px; margin: 3px auto 0; border: 1px solid rgb(206, 210, 216); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); box-shadow: inset rgba(255,255,255,0.7) 0px 1px 0px; text-shadow: rgba(255,255,255,0.9) 0px 1px 0px; } .subHeading a { color: rgb(60, 65, 75); } .textHeading, .xenForm .sectionHeader { font-weight: bold; color: rgb(71, 75, 81); padding-bottom: 2px; margin: 10px auto 5px; border-bottom: 1px solid rgb(235, 236, 239); } .xenForm .sectionHeader, .xenForm .formHeader { margin: 10px 0; } .primaryContent > .textHeading:first-child, .secondaryContent > .textHeading:first-child { margin-top: 0; } .larger.textHeading, .xenForm .sectionHeader { color: rgb(206, 210, 216); font-size: 11pt; margin-bottom: 6px; } .larger.textHeading a, .xenForm .sectionHeader a { color: rgb(206, 210, 216); } .primaryContent { background-color: rgb(255, 255, 255); padding: 10px; border-bottom: 1px solid rgb(235, 236, 239); } .primaryContent a { } .secondaryContent { background: rgb(250, 250, 251) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; padding: 10px; border: 1px solid rgb(206, 210, 216); } .secondaryContent a { } .sectionFooter { overflow: hidden; zoom: 1; font-size: 12px; color: rgb(144, 152, 167); background: rgb(235, 236, 239) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; padding: 4px 10px; border-bottom: 1px solid rgb(206, 210, 216); line-height: 16px; } .sectionFooter a { color: rgb(144, 152, 167); } .sectionFooter .left { float: left; } .sectionFooter .right { float: right; } /* used for section footers with central buttons, esp. in report viewing */ .actionList { text-align: center; } /* left-right aligned options */ .opposedOptions { overflow: hidden; zoom: 1; } .opposedOptions .left { float: left; } .opposedOptions .right { float: right; } .columns { overflow: hidden; zoom: 1; } .columns .columnContainer { float: left; } .columns .columnContainer .column { margin-left: 3px; } .columns .columnContainer:first-child .column { margin-left: 0; } .c50_50 .c1, .c50_50 .c2 { width: 49.99%; } .c70_30 .c1 { width: 70%; } .c70_30 .c2 { width: 29.99%; } .c60_40 .c1 { width: 60%; } .c60_40 .c2 { width: 39.99%; } .c40_30_30 .c1 { width: 40%; } .c40_30_30 .c2, .c40_30_30 .c3 { width: 29.99%; } .c50_25_25 .c1 { width: 50%; } .c50_25_25 .c2, .c50_25_25 .c3 { width: 25%; } /* ***************************** */ /* Basic Tabs */ .tabs { font-size: 12px; background-color: rgb(250, 250, 251); padding: 0 10px; border-bottom: 1px solid rgb(206, 210, 216); word-wrap: normal; min-height: 23px; _height: 23px; display: table; width: 100%; *width: auto; box-sizing: border-box; } .tabs li { float: left; } .tabs li a, .tabs.noLinks li { color: rgb(71, 75, 81); text-decoration: none; background: rgb(235, 236, 239) url('styles/executive/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 0 8px; margin-right: -1px; margin-bottom: -1px; border: 1px solid rgb(206, 210, 216); border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline-block; line-height: 22px; cursor: pointer; outline: 0 none; white-space: nowrap; word-wrap: normal; height: 22px; } .tabs li:hover a, .tabs.noLinks li:hover { text-decoration: none; background-color: rgb(206, 210, 216); } .tabs li.active a, .tabs.noLinks li.active { background-color: rgb(255, 255, 255); padding-bottom: 1px; border-bottom: 1px none black; } /* Tabs inside forms */ .xenForm .tabs, .xenFormTabs { padding: 5px 30px 0; } @media (max-width:480px) { .Responsive .tabs li { float: none; } .Responsive .tabs li a, .Responsive .tabs.noLinks li { display: block; } .Responsive .tabs { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .Responsive .tabs li { flex-grow: 1; -webkit-flex-grow: 1; text-align: center; } .Responsive .xenForm .tabs, .Responsive .xenFormTabs { padding-left: 10px; padding-right: 10px; } } /* ***************************** */ /* Popup Menus */ .Popup { position: relative; } .Popup.inline { display: inline; } /** Popup menu trigger **/ .Popup .arrowWidget { /* circle-arrow-down */ background: transparent url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0; margin-top: -2px; margin-left: 4px; display: inline-block; *margin-top: 0; vertical-align: middle; width: 13px; height: 14px; } .PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } .Popup .PopupControl, .Popup.PopupContainerControl { display: inline-block; cursor: pointer; } .Popup .PopupControl:hover, .Popup.PopupContainerControl:hover { color: rgb(90, 98, 113); text-decoration: none; background-color: rgb(235, 236, 239); } .Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active { outline: 0; } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { color: rgb(60, 65, 75); background-color: rgb(235, 236, 239); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .Popup .PopupControl.PopupOpen:hover, .Popup.PopupContainerControl.PopupOpen:hover { text-decoration: none; } /** Menu body **/ .Menu { /*background-color: #ffffff;*/ font-size: 11px; border: 1px solid rgb(175, 181, 192); overflow: hidden; box-shadow: 0px 2px 10px rgba(0,0,0, 0.15); min-width: 200px; *width: 200px; /* makes menus actually work... */ position: absolute; z-index: 7500; display: none; } /* allow menus to operate when JS is disabled */ .Popup:hover .Menu { display: block; } .Popup:hover .Menu.JsOnly { display: none; } .Menu.BottomControl { border-top-width: 1px; border-bottom-width: 3px; box-shadow: 0px 0px 0px transparent; } .Menu > li > a, .Menu .menuRow { display: block; } .Menu.inOverlay { z-index: 10000; } /* Menu header */ .Menu .menuHeader { overflow: hidden; zoom: 1; } .Menu .menuHeader h3 { font-size: 13pt; } .Menu .menuHeader .muted { font-size: 11px; } /* Standard menu sections */ .Menu .primaryContent { background-color: rgba(255, 255, 255, 0.96); } .Menu .secondaryContent { background-color: rgba(250, 250, 251, 0.96); } .Menu .sectionFooter { background-color: rgba(235, 236, 239, 0.9); } /* Links lists */ .Menu .blockLinksList { max-height: 400px; overflow: auto; } /* form popups */ .formPopup { width: 250px; background-color: rgb(255, 255, 255); } .formPopup form, .formPopup .ctrlUnit { margin: 5px auto; } .formPopup .ctrlUnit { } .formPopup .textCtrl, .formPopup .button { width: 232px; } .formPopup .ctrlUnit > dt label { display: block; margin-bottom: 2px; } .formPopup .submitUnit dd { text-align: center; } .formPopup .ctrlUnit > dd .explain { margin: 2px 0 0; } .formPopup .primaryControls { zoom: 1; white-space: nowrap; word-wrap: normal; padding: 0 5px; } .formPopup .primaryControls input.textCtrl { margin-bottom: 0; } .formPopup .secondaryControls { padding: 0 5px; } .formPopup .controlsWrapper { background: rgb(235, 236, 239) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; border-radius: 5px; padding: 5px; margin: 5px 0; font-size: 11px; } .formPopup .controlsWrapper .textCtrl { width: 222px; } .formPopup .advSearchLink { display: block; text-align: center; padding: 5px; font-size: 11px; border-radius: 5px; border: 1px solid rgb(235, 236, 239); background: rgb(250, 250, 251) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; } .formPopup .advSearchLink:hover { background-color: rgb(235, 236, 239); text-decoration: none; } /* All overlays must have this */ .xenOverlay { display: none; z-index: 10000; width: 90%; box-sizing: border-box; max-width: 690px; /*calc: 90=overlay padding+borders*/ } .xenOverlay .overlayScroll { max-height: 400px; overflow: auto; } .xenOverlay .overlayScroll.ltr { direction: ltr; } .xenOverlay .overlayScroll .sortable-placeholder { background-color: rgb(206, 210, 216); } .xenOverlay .overlayContain { overflow-x: auto; } .xenOverlay .overlayContain.ltr { direction: ltr; } .overlayOnly /* needs a bit more specificity over regular buttons */ { display: none !important; } .xenOverlay .overlayOnly { display: block !important; } .xenOverlay input.overlayOnly, .xenOverlay button.overlayOnly, .xenOverlay a.overlayOnly { display: inline !important; } .xenOverlay a.close { background-image: url('styles/executive/xenforo/overlay/close.png'); position: absolute; right: 4px; top: 4px; cursor: pointer; width: 35px; height: 35px; } .xenOverlay .nonOverlayOnly { display: none !important; } /* Generic form overlays */ .xenOverlay .formOverlay { background-color: rgb(250, 250, 251); padding: 10px; border: 5px solid rgb(0,0,0); border: 5px solid rgba(0,0,0, 0.25); _border: 5px solid rgb(0,0,0); border-radius: 5px; box-shadow: 0px 10px 50px rgba(0,0,0, 0.4); _zoom: 1; margin: 0; } .Touch .xenOverlay .formOverlay { background: rgb(250, 250, 251); box-shadow: none; } .xenOverlay .formOverlay a.muted, .xenOverlay .formOverlay .muted a { color: rgb(138, 147, 162); } .xenOverlay .formOverlay .heading { font-weight: bold; color: rgb(250, 250, 251); background-color: rgb(90, 98, 113); padding: 8px 10px; margin-bottom: 10px; border: 1px solid rgb(60, 65, 75); border-radius: 4px; } .xenOverlay .formOverlay .subHeading { font-weight: bold; font-size: 11px; color: rgb(250, 250, 251); background-color: rgb(60, 65, 75); padding: 5px 10px; margin-bottom: 10px; border: 1px solid rgb(90, 98, 113); border-radius: 3px; } .xenOverlay .formOverlay .textHeading { } .xenOverlay .formOverlay > p { padding-left: 10px; padding-right: 10px; } .xenOverlay .formOverlay .textCtrl { } .xenOverlay .formOverlay .textCtrl option { } .xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus { background-image: none; } .xenOverlay .formOverlay .textCtrl:focus option { background-image: none; } .xenOverlay .formOverlay .textCtrl.disabled { } .xenOverlay .formOverlay .textCtrl.disabled option { } .xenOverlay .formOverlay .textCtrl.prompt { } .xenOverlay .formOverlay .ctrlUnit > dt dfn, .xenOverlay .formOverlay .ctrlUnit > dd li .hint, .xenOverlay .formOverlay .ctrlUnit > dd .explain { } .xenOverlay .formOverlay a { } .xenOverlay .formOverlay a.button { } .xenOverlay .formOverlay .avatar img, .xenOverlay .formOverlay .avatar .img, .xenOverlay .formOverlay .avatarCropper { background-color: transparent; } /* tabs in form overlay */ .xenOverlay .formOverlay .tabs /* the actual tabs */ { background: transparent none; border-color: rgb(206, 210, 216); } .xenOverlay .formOverlay .tabs a { background: transparent none; border-color: rgb(206, 210, 216); } .xenOverlay .formOverlay .tabs a:hover { background: url(rgba.php?r=255&g=255&b=255&a=63); background: rgba(255,255,255, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF); } .xenOverlay .formOverlay .tabs .active a { background-color: black; } .xenOverlay .formOverlay .tabPanel /* panels switched with the tab controls */ { background: transparent url('styles/executive/xenforo/color-picker/panel.png') repeat-x top; border: 1px solid rgb(206, 210, 216); } /* Generic overlays */ .xenOverlay .section, .xenOverlay .sectionMain { padding: 0px; border: 1px solid rgb(32, 35, 40); box-shadow: 0px 5px 45px rgba(0,0,0, 0.5); border-color: rgb(32, 35, 40); border-color: rgba(32, 35, 40, 0.5); _border-color: rgb(32, 35, 40); } .Touch .xenOverlay .section, .Touch .xenOverlay .sectionMain { border-color: rgb(32, 35, 40); box-shadow: none; } .xenOverlay > .section, .xenOverlay > .sectionMain { background: none; margin: 0; } .xenOverlay .section .heading, .xenOverlay .sectionMain .heading { border-radius: 0; margin-bottom: 0; } .xenOverlay .section .subHeading, .xenOverlay .sectionMain .subHeading { margin-top: 0; } .xenOverlay .section .sectionFooter, .xenOverlay .sectionMain .sectionFooter { overflow: hidden; zoom: 1; } .xenOverlay .sectionFooter .buttonContainer { line-height: 31px; } .xenOverlay .sectionFooter .button, .xenOverlay .sectionFooter .buttonContainer { min-width: 75px; *min-width: 0; float: right; margin-left: 5px; } .xenOverlay .sectionFooter .buttonContainer .button { float: none; margin-left: 0; } /* The AJAX progress indicator overlay */ #AjaxProgress.xenOverlay { width: 100%; max-width: none; overflow: hidden; zoom: 1; } #AjaxProgress.xenOverlay .content { background: rgb(0, 0, 0) url('styles/executive/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('styles/executive/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; border-bottom-left-radius: 10px; float: right; width: 85px; height: 30px; } .Touch #AjaxProgress.xenOverlay .content { background-color: rgb(0, 0, 0); } /* Timed message for redirects */ .xenOverlay.timedMessage { color: black; background: transparent url('styles/executive/xenforo/overlay/timed-message.png') repeat-x; border-bottom: 1px solid black; max-width: none; width: 100%; } .xenOverlay.timedMessage .content { font-size: 18pt; padding: 30px; text-align: center; } /* Growl-style message */ #StackAlerts { position: fixed; bottom: 70px; left: 35px; z-index: 9999; /* in front of the expose mask */ } #StackAlerts .stackAlert { position: relative; width: 270px; border: 1px solid rgb(175, 181, 192); border-radius: 5px; box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); margin-top: 5px; } #StackAlerts .stackAlertContent { padding: 10px; padding-right: 30px; border-radius: 4px; border: solid 2px rgb(235, 236, 239); background: url(rgba.php?r=250&g=250&b=251&a=229); background: rgba(250, 250, 251, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FAFAFB,endColorstr=#E5FAFAFB); font-size: 11px; font-weight: bold; } /* Inline Editor */ .xenOverlay .section .messageContainer { padding: 0; } .xenOverlay .section .messageContainer .mceLayout { border: none; } .xenOverlay .section .messageContainer tr.mceFirst td.mceFirst { border-top: none; } .xenOverlay .section .messageContainer tr.mceLast td.mceLast, .xenOverlay .section .messageContaner tr.mceLast td.mceIframeContainer { border-bottom: none; } .xenOverlay .section .textCtrl.MessageEditor, .xenOverlay .section .mceLayout, .xenOverlay .section .bbCodeEditorContainer textarea { width: 100% !important; min-height: 260px; _height: 260px; box-sizing: border-box; } @media (max-width:610px) { .Responsive .xenOverlay { width: 100%; } .Responsive .xenOverlay .formOverlay, .Responsive .xenOverlay .section, .Responsive .xenOverlay .sectionMain { border-radius: 10px; border-width: 10px; } .Responsive .xenOverlay a.close { top: 0; right: 0; width: 28px; height: 28px; background-size: 100% 100%; } } .alerts .alertGroup { margin-bottom: 20px; } .alerts .primaryContent { overflow: hidden; zoom: 1; padding: 5px; } .alerts .avatar { float: left; } .alerts .avatar img { width: 32px; height: 32px; } .alerts .alertText { margin-left: 32px; padding: 0 5px; } .alerts h3 { display: inline; } .alerts h3 .subject { font-weight: bold; } .alerts .timeRow { font-size: 11px; margin-top: 5px; } .alerts .newIcon, .alertsPopup .newIcon { display: inline-block; vertical-align: baseline; margin-left: 2px; width: 11px; height: 11px; background: url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat -144px -40px; } /** Data tables **/ .dataTableWrapper { overflow-x: auto; overflow-y: visible; } table.dataTable { width: 100%; _width: 99.5%; margin: 10px 0; } .dataTable caption { font-weight: bold; font-size: 13px; color: rgb(250, 250, 251); background-color: rgb(175, 181, 192); padding: 5px 10px; margin-bottom: 3px; border-top: 1px solid rgb(144, 152, 167); border-bottom: 1px solid rgb(144, 152, 167); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; } .dataTable tr.dataRow td { border-bottom: 1px solid rgb(235, 236, 239); padding: 5px 10px; word-wrap: break-word; } .dataTable tr.dataRow td.secondary { background: rgb(250, 250, 251) url("styles/executive/xenforo/gradients/category-23px-light.png") repeat-x top; } .dataTable tr.dataRow th { background: #f9d9b0 url("styles/executive/xenforo/gradients/category-23px-light.png") repeat-x top; border-bottom: 1px solid #f9bc6d; border-top: 1px solid #f9d9b0; color: #6d3f03; font-size: 11px; padding: 5px 10px; } .dataTable tr.dataRow th a { color: inherit; text-decoration: underline; } .dataTable .dataRow .dataOptions { text-align: right; white-space: nowrap; word-wrap: normal; padding: 0; } .dataTable .dataRow .important, .dataTable .dataRow.important { font-weight: bold; } .dataTable .dataRow .dataOptions a.secondaryContent { display: inline-block; border-left: 1px solid rgb(235, 236, 239); border-bottom: none; padding: 7px 10px 6px; font-size: 11px; } .dataTable .dataRow .dataOptions a.secondaryContent:hover { background-color: rgb(235, 236, 239); text-decoration: none; } .dataTable .dataRow .delete { padding: 0px; width: 26px; border-left: 1px solid rgb(235, 236, 239); background: rgb(250, 250, 251) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; } .dataTable .dataRow .delete a { display: block; background: transparent url('styles/executive/xenforo/permissions/deny.png') no-repeat center center; cursor: pointer; padding: 5px; width: 16px; height: 16px; overflow: hidden; white-space: nowrap; text-indent: -1000px; } .memberListItem { overflow: hidden; zoom: 1; } .memberListItem .avatar, .memberListItem .icon { float: left; } /* ----------------------- */ .memberListItem .extra { font-size: 11px; float: right; } .memberListItem .extra .DateTime { display: block; } .memberListItem .extra .bigNumber { font-size: 250%; color: rgb(138, 147, 162); } .memberListItem .member { margin-left: 65px; } /* ----------------------- */ .memberListItem h3.username { font-weight: bold; font-size: 13pt; margin-bottom: 3px; } .memberListItem .username.guest { font-style: italic; font-weight: normal; } /* ----------------------- */ .memberListItem .userInfo { font-size: 11px; margin-bottom: 3px; } .memberListItem .userBlurb { } .memberListItem .userBlurb .userTitle { font-weight: bold; } .memberListItem .userStats dt, .memberListItem .userStats dd { white-space: nowrap; } /* ----------------------- */ .memberListItem .member .contentInfo { margin-top: 5px; } /* ----------------------- */ /* extended member list items have a fixed 200px right column */ .memberListItem.extended .extra { width: 200px; } .memberListItem.extended .member { margin-right: 210px; } /* Styling for hover-dismiss controls */ .DismissParent .DismissCtrl { position: absolute; top: 12px; right: 5px; display: block; background: transparent url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat -80px 0; color: white; width: 15px; height: 15px; line-height: 15px; text-align: center; opacity: .4; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; font-size: 10px; overflow: hidden; white-space: nowrap; text-indent: 20000em; cursor: pointer; } .DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl { opacity: 1; } .DismissParent:hover .DismissCtrl:hover { background-position: -96px 0; } .DismissParent:hover .DismissCtrl:active { background-position: -112px 0; } /* ***************************** */ /* un-reset, mostly from YUI */ .baseHtml h1 { font-size:138.5%; } .baseHtml h2 { font-size:123.1%; } .baseHtml h3 { font-size:108%; } .baseHtml h1, .baseHtml h2, .baseHtml h3 { margin:1em 0; } .baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong { font-weight:bold; } .baseHtml abbr, .baseHtml acronym { border-bottom:1px dotted #000; cursor:help; } .baseHtml em { font-style:italic; } .baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl { margin:1em; } .baseHtml ol, .baseHtml ul, .baseHtml dl { margin-left:3em; margin-right:0; } .baseHtml ul ul, .baseHtml ul ol, .baseHtml ul dl, .baseHtml ol ul, .baseHtml ol ol, .baseHtml ol dl, .baseHtml dl ul, .baseHtml dl ol, .baseHtml dl dl { margin-top:0; margin-bottom:0; } .baseHtml ol li { list-style: decimal outside; } .baseHtml ul li { list-style: disc outside; } .baseHtml ol ul li, .baseHtml ul ul li { list-style-type: circle; } .baseHtml ol ol ul li, .baseHtml ol ul ul li, .baseHtml ul ol ul li, .baseHtml ul ul ul li { list-style-type: square; } .baseHtml ul ol li, .baseHtml ul ol ol li, .baseHtml ol ul ol li { list-style: decimal outside; } .baseHtml dl dd { margin-left:1em; } .baseHtml th, .baseHtml td { border:1px solid #000; padding:.5em; } .baseHtml th { font-weight:bold; text-align:center; } .baseHtml caption { margin-bottom:.5em; text-align:center; } .baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table { margin-bottom:1em; } .PageNav { font-size: 11px; padding: 2px 0; overflow: hidden; zoom: 1; line-height: 28px; word-wrap: normal; min-width: 150px; white-space: nowrap; margin-bottom: -.5em; } .PageNav .hidden { display: none; } .PageNav .pageNavHeader, .PageNav a, .PageNav .scrollable { display: block; float: left; margin-right: 3px; margin-bottom: .5em; } .PageNav .pageNavHeader { padding: 1px 0; } .PageNav a { color: rgb(90, 98, 113); text-decoration: none; background-color: rgb(235, 236, 239); border: 1px solid rgb(206, 210, 216); border-radius: 3px; text-align: center; box-shadow: rgba(0,0,0,0.05) 0px 1px 3px; text-shadow: 0px 1px 0px #fff; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); width: 23px; } .PageNav a[rel=start] { width: 23px !important; } .PageNav a.text { width: auto !important; padding: 0 4px; } .PageNav a.currentPage { position: relative; box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px, rgba(255,255,255,0.3) 0px 1px 0px; background: rgb(126, 138, 153) !important; border: 0 !important; padding: 1px; color: #fff !important; text-shadow: rgba(0,0,0,0.4) 0px 1px 1px; } a.PageNavPrev, a.PageNavNext { color: rgb(71, 75, 81); background-color: transparent; padding: 1px; border: 1px none black; cursor: pointer; width: 23px !important; } .PageNav a:hover, .PageNav a:focus { color: rgb(60, 65, 75); text-decoration: none; background-color: rgb(250, 250, 251); border-color: rgb(206, 210, 216); } .PageNav a.distinct { margin-left: 3px; } .PageNav .scrollable { position: relative; overflow: hidden; width: 137px; /* width of 5 page numbers plus their margin & border */ height: 18px; /* only needs to be approximate */ } .PageNav .scrollable .items { display: block; width: 20000em; /* contains scrolling items, should be huge */ position: absolute; } /** Edge cases - large numbers of digits **/ .PageNav .gt999 { font-size: 9px; letter-spacing: -0.05em; } .PageNav.pn5 a { width: 29px; } .PageNav.pn5 .scrollable { width: 167px; } .PageNav.pn6 a { width: 33px; } .PageNav.pn6 .scrollable { width: 187px; } .PageNav.pn7 a { width: 37px; } .PageNav.pn7 .scrollable { width: 207px; } @media (max-width:610px) { .Responsive .PageNav .pageNavHeader { display: none; } } @media (max-width:480px) { .Responsive .PageNav .unreadLink { display: none; } } /* ***************************** */ /* DL Name-Value Pairs */ .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt { color: rgb(138, 147, 162); } .pairsRows, .pairsColumns, .pairsJustified { line-height: 1.5; } .pairsInline dl, .pairsInline dt, .pairsInline dd { display: inline; } .pairsRows dt, .pairsRows dd { display: inline-block; vertical-align: top; *display: inline; *margin-right: 1ex; *zoom: 1; } dl.pairsColumns, dl.pairsJustified, .pairsColumns dl, .pairsJustified dl { overflow: hidden; zoom: 1; } .pairsColumns dt, .pairsColumns dd { float: left; width: 48%; } .pairsJustified dt { float: left; max-width: 100%; margin-right: 5px; } .pairsJustified dd { float: right; text-align: right; max-width: 100% } /* ***************************** */ /* Lists that put all elements on a single line */ .listInline ul, .listInline ol, .listInline li, .listInline dl, .listInline dt, .listInline dd { display: inline; } /* intended for use with .listInline, produces 'a, b, c, d' / 'a * b * c * d' lists */ .commaImplode li:after, .commaElements > *:after { content: ', '; } .commaImplode li:last-child:after, .commaElements > *:last-child:after { content: ''; } .bulletImplode li:before { content: '\2022\a0'; } .bulletImplode li:first-child:before { content: ''; } /* Three column list display */ .threeColumnList { overflow: hidden; zoom: 1; } .threeColumnList li { float: left; width: 32%; margin: 2px 1% 2px 0; } .twoColumnList { overflow: hidden; zoom: 1; } .twoColumnList li { float: left; width: 48%; margin: 2px 1% 2px 0; } /* ***************************** */ /* Preview tooltips (threads etc.) */ .previewTooltip { } .previewTooltip .avatar { float: left; } .previewTooltip .text { margin-left: 64px; } .previewTooltip blockquote { font-size: 14px; line-height: 2; font-size: 10pt; max-height: 150px; overflow: hidden; } .previewTooltip .posterDate { font-size: 11px; padding-top: 5px; border-top: 1px solid rgb(235, 236, 239); margin-top: 5px; } /* ***************************** */ /* List of block links */ .blockLinksList { font-size: 11px; padding: 2px; } .blockLinksList a, .blockLinksList label { color: rgb(90, 98, 113); padding: 5px 10px; border-radius: 3px; display: block; outline: 0 none; } .blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label { text-decoration: none; background-color: rgb(235, 236, 239); } .blockLinksList a:active, .blockLinksList li.kbSelect a:active, .blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label:active, .blockLinksList li.kbSelect label:active, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected { color: rgb(250, 250, 251); background-color: rgb(144, 152, 167); } .blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected { font-weight: bold; display: block; } .blockLinksList span.depthPad { display: block; } .blockLinksList .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding: 0 2px; border-radius: 2px; position: absolute; right: 2px; top: -12px; line-height: 16px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); height: 16px; float: right; position: relative; right: 0; top: -1px; } .blockLinksList .itemCount.Zero { display: none; } .bubbleLinksList { overflow: hidden; } .bubbleLinksList a { float: left; padding: 2px 4px; margin-right: 2px; border-radius: 3px; text-decoration: none; } .bubbleLinksList a:hover, .bubbleLinksList a:active { text-decoration: none; background-color: rgb(235, 236, 239); } .bubbleLinksList a.active { color: rgb(250, 250, 251); background-color: rgb(144, 152, 167); font-weight: bold; display: block; } /* ***************************** */ /* Normally-indented nested lists */ .indentList ul, .indentList ol { margin-left: 2em; } /* ***************************** */ /* AJAX progress image */ .InProgress { background: transparent url('styles/executive/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat right center; } /* ***************************** */ /* Hidden inline upload iframe */ .hiddenIframe { display: block; width: 500px; height: 300px; } /* ***************************** */ /* Exception display */ .traceHtml { font-size:11px; font-family:calibri, verdana, arial, sans-serif; } .traceHtml .function { color:rgb(180,80,80); font-weight:normal; } .traceHtml .file { font-weight:normal; } .traceHtml .shade { color:rgb(128,128,128); } .traceHtml .link { font-weight:bold; } /* ***************************** */ /* Indenting for options */ ._depth0 { padding-left: 0em; } ._depth1 { padding-left: 2em; } ._depth2 { padding-left: 4em; } ._depth3 { padding-left: 6em; } ._depth4 { padding-left: 8em; } ._depth5 { padding-left: 10em; } ._depth6 { padding-left: 12em; } ._depth7 { padding-left: 14em; } ._depth8 { padding-left: 16em; } ._depth9 { padding-left: 18em; } .xenOverlay .errorOverlay { color: white; padding: 25px; border-radius: 20px; border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0); background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); } .xenOverlay .errorOverlay .heading { padding: 5px 10px; font-weight: bold; font-size: 12pt; background: rgb(180,0,0); color: white; margin-bottom: 10px; border-radius: 5px; border: 1px solid rgb(100,0,0); } .xenOverlay .errorOverlay li { line-height: 2; } .xenOverlay .errorOverlay .exceptionMessage { color: rgb(138, 147, 162); } /*** inline errors ***/ .formValidationInlineError { display: none; position: absolute; z-index: 5000; background-color: white; border: 1px solid rgb(180,0,0); color: rgb(180,0,0); box-shadow: 2px 2px 10px #999; border-radius: 3px; padding: 2px 5px; font-size: 11px; width: 175px; min-height: 2.5em; _height: 2.5em; word-wrap: break-word; } .formValidationInlineError.inlineError { position: static; width: auto; min-height: 0; } /** Block errors **/ .errorPanel { margin: 10px 0 20px; color: rgb(180,0,0); background: rgb(255, 235, 235); border-radius: 5px; border: 1px solid rgb(180,0,0); } .errorPanel .errorHeading { margin: .75em; font-weight: bold; font-size: 12pt; } .errorPanel .errors { margin: .75em 2em; display: block; line-height: 1.5; } @media (max-width:800px) { .Responsive .formValidationInlineError { position: static; width: auto; min-height: auto; } } /* Undo some nasties */ input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } /* ignored content hiding */ .ignored { display: none !important; } /* Misc */ .floatLeft { float: left; } .floatRight { float: right; } .horizontalContain { overflow-x: auto; } .ltr { direction: ltr; } /* Square-cropped thumbs */ .SquareThumb { position: relative; display: block; overflow: hidden; padding: 0; direction: ltr; /* individual instances can override this size */ width: 48px; height: 48px; } .SquareThumb img { position: relative; display: block; } /* Basic, common, non-templated BB codes */ .bbCodeImage { max-width: 100%; } .bbCodeImageFullSize { position: absolute; z-index: 50000; background-color: rgb(255, 255, 255); } .bbCodeStrike { text-decoration: line-through; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin: 0 1px; } /* smilie sprite classes */ .visibleResponsiveFull { display: inherit !important; } .visibleResponsiveWide, .visibleResponsiveMedium, .visibleResponsiveNarrow { display: none !important; } .hiddenResponsiveFull { display: none !important; } .hiddenResponsiveWide, .hiddenResponsiveMedium, .hiddenResponsiveNarrow { display: inherit !important; } @media (max-width:800px) { .Responsive .visibleResponsiveFull { display: none !important; } .Responsive .hiddenResponsiveFull { display: inherit !important; } .Responsive .hiddenWideUnder { display: none !important; } } @media (min-width:611px) AND (max-width:800px) { .Responsive .visibleResponsiveWide { display: inherit !important; } .Responsive .hiddenResponsiveWide { display: none !important; } } @media (min-width:481px) AND (max-width:610px) { .Responsive .visibleResponsiveMedium { display: inherit !important; } .Responsive .hiddenResponsiveMedium { display: none !important; } .Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder { display: none !important; } } @media (max-width:480px) { .Responsive .visibleResponsiveNarrow { display: inherit !important; } .Responsive .hiddenResponsiveNarrow { display: none !important; } .Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder, .Responsive .hiddenNarrowUnder { display: none !important; } } @media (max-width:610px) { .Responsive .threeColumnList li { float: none; width: auto; margin: 2px 1% 2px 0; } } @media (max-width:480px) { .Responsive .xenTooltip.statusTip { width: auto; } .Responsive .xenPreviewTooltip { box-sizing: border-box; width: auto; max-width: 100%; } .Responsive .xenPreviewTooltip .arrow { display: none; } .Responsive .previewTooltip .avatar { display: none; } .Responsive .previewTooltip .text { margin-left: 0; } } /* --- form.css --- */ /** Forms **/ .xenForm { margin: 10px auto; max-width: 1000px; } .xenOverlay .xenForm { max-width: 600px; } .xenForm .ctrlUnit > dd { width: 68%; box-sizing: border-box; padding-right: 30px; } .xenForm .ctrlUnit > dd .textCtrl { box-sizing: border-box; width: 100%; } .xenForm .ctrlUnit > dd .textCtrl.indented { width: calc(100% - 16px); } .xenForm .ctrlUnit > dd .textCtrl[size], .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: auto !important; min-width: 0; } .xenForm .ctrlUnit > dd .textCtrl.number { width: 150px; } .xenForm > .sectionHeader:first-child, .xenForm > fieldset > .sectionHeader:first-child { margin-top: 0; } /** Sections **/ .xenForm fieldset, .xenForm .formGroup { border-top: 1px solid rgb(235, 236, 239); margin: 20px auto; } .xenForm > fieldset:first-child, .xenForm > .formGroup:first-child { border-top: none; margin: auto; } .xenForm .PreviewContainer + fieldset, .xenForm .PreviewContainer + .formGroup { border-top: none; } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit, .xenForm .submitUnit { border-top: 1px solid rgb(235, 236, 239); } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit { padding-top: 10px; } .xenForm .primaryContent + .submitUnit, .xenForm .secondaryContent + .submitUnit { margin-top: 0; border-top: none; } .xenForm .ctrlUnit.submitUnit dd { line-height: 31px; padding-top: 0; } .ctrlUnit.submitUnit dd .explain, .ctrlUnit.submitUnit dd .text, .ctrlUnit.submitUnit dd label { line-height: 1.28; } /* now undo that */ .xenOverlay .ctrlUnit.submitUnit dd, .Menu .ctrlUnit.submitUnit dd, #QuickSearch .ctrlUnit.submitUnit dd { border: none; background: none; } .xenForm .ctrlUnit { } .xenForm .ctrlUnit.limited { display: none; } /** Sections Immediately Following Headers **/ .xenForm .sectionHeader + fieldset, .xenForm .heading + fieldset, .xenForm .subHeading + fieldset, .xenForm .sectionHeader + .formGroup, .xenForm .heading + .formGroup, .xenForm .subHeading + .formGroup { border-top: none; margin-top: 0; } .xenForm .formHiderHeader { margin: 10px; font-size: 15px; font-weight: bold; } /** *********************** **/ /** TEXT INPUTS **/ /** *********************** **/ .textCtrl { font-size: 13px; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000000; background-color: rgb(252, 252, 252); padding: 6px; margin-bottom: 2px; border: 1px solid rgb(212, 212, 212); border-radius: 0; outline: 0; text-shadow: #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px; } select.textCtrl { word-wrap: normal; -webkit-appearance: menulist; } select[multiple].textCtrl, select[size].textCtrl { -webkit-appearance: listbox; } select[size="0"].textCtrl, select[size="1"].textCtrl { -webkit-appearance: menulist; } textarea.textCtrl { word-wrap: break-word; resize: vertical; } .textCtrl:focus, .textCtrl.Focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-color: rgb(155, 155, 155); box-shadow: inset rgba(0,0,0,0.18) 0px 1px 3px; } textarea.textCtrl:focus { } input.textCtrl.disabled, textarea.textCtrl.disabled, .disabled .textCtrl { font-style: italic; color: rgb(100,100,100); background-color: rgb(245,245,245); } .textCtrl.prompt { font-style: italic; color: rgb(160,160,160); } .textCtrl:-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-webkit-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl:-ms-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl.autoSize { width: auto !important; } .textCtrl.number, .textCtrl.number input { text-align: right; width: 150px; } .textCtrl.fillSpace { width: 100%; box-sizing: border-box; _width: 95%; } .textCtrl.code, .textCtrl.code input { font-family: Consolas, "Courier New", Courier, monospace; white-space: pre; word-wrap: normal; direction: ltr; } input.textCtrl[type="password"] { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } input[type="email"], input[type="url"] { direction: ltr; } .textCtrl.titleCtrl, .textCtrl.titleCtrl input { font-size: 18pt; } textarea.textCtrl.Elastic { /* use for jQuery.elastic */ max-height: 300px; } /* for use with wrapped inputs */ .textCtrlWrap { display: inline-block; } .textCtrlWrap input.textCtrl { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; border-radius: 0 !important; } .textCtrlWrap.blockInput input.textCtrl { border-top: 1px solid rgb(212, 212, 212) !important; margin-top: 4px !important; } .taggingInput.textCtrl { padding-top: 4px; min-height: 25px; } .taggingInput input { margin: 0px; font-size: 12px; border: 1px solid transparent; padding: 0; background: transparent; outline: 0; color: inherit; font-family: inherit; } .taggingInput .tag { border: 1px solid rgb(206, 210, 216); border-radius: 3px; display: inline-block; padding: 0 3px; text-decoration: none; background: rgb(235, 236, 239) url('styles/executive/xenforo/gradients/form-button-white-25px.png') repeat-x top; color: rgb(90, 98, 113); margin-right: 3px; margin-top: 2px; font-size: 12px; max-width: 98%; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); } .disabled.taggingInput .tag { opacity: 0.7; } .disabled.taggingInput .tag a { pointer-events: none; } html .taggingInput .tag a { color: rgb(175, 181, 192); font-weight: bold; text-decoration: none; } .taggingInput .addTag { display: inline-block; min-width: 150px; max-width: 100%; margin-top: 2px; } .taggingInput .tagsClear { clear: both; width: 100%; height: 0px; float: none; } /** *********************** **/ /** BUTTONS **/ /** *********************** **/ .button { font-style: normal; font-size: 12px; color: rgb(112, 112, 112); background-color: rgb(244, 244, 244); padding: 0px 13px; border: 1px solid rgb(209, 209, 209); border-radius: 3px; text-align: center; box-shadow: rgba(0,0,0,0.05) 0px 1px 3px; text-shadow: 0px 1px 0px #fff; outline: none; line-height: 30px; display: inline-block; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); height: 34px; } .button.smallButton { font-size: 11px; padding: 0px 4px; line-height: 21px; height: 21px; border-radius: 5px; } .button.primary { font-weight: bold; color: rgb(65, 65, 65); border-color: rgb(194, 194, 194); box-shadow: rgba(0,0,0,0.15) 0px 1px 3px; } input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled, html .buttonProxy .button.disabled { color: #999; background-color: #EEE; border-color: #CCC; box-shadow: 0 0 0 transparent; } .button::-moz-focus-inner { border: none; } a.button { display: inline-block; color: rgb(112, 112, 112); } .button:hover, .button[href]:hover, .buttonProxy:hover .button { color: rgb(65, 65, 65); text-decoration: none; background-color: rgb(250, 250, 250); } .button:focus { } .button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button { position: relative; top: 1px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.03) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.03))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); outline: 0; } .button.ToggleButton { cursor: default; width: auto; color: rgb(209, 209, 209); } .button.ToggleButton.checked { background-color: rgb(255,150,50); } .button.inputSupplementary { width: 25px; position: absolute; top: 0px; right: 0px; } .button.inputSupplementary.add { color: green; } .button.inputSupplementary.delete { color: red; } .submitUnit .button { min-width: 100px; *min-width: 0; } /** Control Units **/ .xenForm .ctrlUnit { position: relative; margin: 10px auto; } /* clearfix */ .xenForm .ctrlUnit { zoom: 1; } .xenForm .ctrlUnit:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .xenForm .ctrlUnit.fullWidth { overflow: visible; } /** Control Unit Labels **/ .xenForm .ctrlUnit > dt { padding-top: 6px; padding-right: 15px; text-align: right; vertical-align: top; box-sizing: border-box; width: 32%; float: left; } /* special long-text label */ .xenForm .ctrlUnit > dt.explain { font-size: 11px; text-align: justify; } .xenForm .ctrlUnit.fullWidth dt, .xenForm .ctrlUnit.submitUnit.fullWidth dt { float: none; width: auto; text-align: left; height: auto; } .xenForm .ctrlUnit.fullWidth dt { margin-bottom: 2px; } .xenForm .ctrlUnit > dt label { margin-left: 30px; } /** Hidden Labels **/ .xenForm .ctrlUnit.surplusLabel dt label { display: none; } /** Section Links **/ .ctrlUnit.sectionLink dt { text-align: left; font-size: 11px; } .ctrlUnit.sectionLink dt a { margin-left: 11px; /*TODO: sectionHeader padding + border*/ } /** Hints **/ .ctrlUnit > dt dfn { font-style: italic; font-size: 10px; color: rgb(138, 147, 162); margin-left: 30px; display: block; } .ctrlUnit.fullWidth dt dfn { display: inline; margin: 0; } .ctrlUnit > dt dfn b, .ctrlUnit > dt dfn strong { color: rgb(89, 97, 112); } /** Inline Errors **/ .ctrlUnit > dt .error { font-size: 10px; color: red; display: block; } .ctrlUnit > dt dfn, .ctrlUnit > dt .error, .ctrlUnit > dt a { font-weight: normal; } .xenForm .ctrlUnit.submitUnit dt { height: 19px; display: block; } .ctrlUnit.submitUnit dt.InProgress { background: transparent url('styles/executive/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center; } /** Control Holders **/ .xenForm .ctrlUnit > dd { /*todo: kill property */ float: left; } .xenForm .ctrlUnit.fullWidth > dd { float: none; width: auto; padding-left: 30px; } /** Explanatory paragraph **/ .ctrlUnit > dd .explain { font-size: 11px; color: rgb(138, 147, 162); margin-top: 2px; /*TODO:max-width: auto;*/ } .ctrlUnit > dd .explain b, .ctrlUnit > dd .explain strong { color: rgb(89, 97, 112); } /** List items inside controls **/ .ctrlUnit > dd > * > li { margin: 4px 0 8px; padding-left: 1px; /* fix a webkit display bug */ } .ctrlUnit > dd > * > li:first-child > .textCtrl:first-child { margin-top: -3px; } .ctrlUnit > dd .break { margin-bottom: 0.75em; padding-bottom: 0.75em; } .ctrlUnit > dd .rule { border-bottom: 1px solid rgb(235, 236, 239); } .ctrlUnit > dd .ddText { margin-bottom: 2px; } /** Hints underneath checkbox / radio controls **/ .ctrlUnit > dd > * > li .hint { font-size: 11px; color: rgb(138, 147, 162); margin-left: 16px; margin-top: 2px; } /** DISABLERS **/ .ctrlUnit > dd > * > li > ul, .ctrlUnit .disablerList, .ctrlUnit .indented { margin-left: 16px; } .ctrlUnit > dd > * > li > ul > li:first-child { margin-top: 6px; } .ctrlUnit > dd .disablerList > li, .ctrlUnit > dd .checkboxColumns > li, .ctrlUnit > dd .choiceList > li { margin-top: 6px; } /** Other stuff... **/ .ctrlUnit > dd .helpLink { font-size: 10px; } .ctrlUnit.textValue dt { padding-top: 0px; } .button.spinBoxButton { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 11pt; } .unitPairsJustified li { overflow: hidden; } .unitPairsJustified li .label { float: left; } .unitPairsJustified li .value { float: right; } #calroot { margin-top: -1px; width: 198px; padding: 2px; background-color: rgb(255, 255, 255); font-size: 11px; border: 1px solid rgb(144, 152, 167); border-radius: 5px; box-shadow: 0 0 15px #666; z-index: 7500; } #calhead { padding: 2px 0; height: 22px; } #caltitle { font-size: 11pt; color: rgb(144, 152, 167); float: left; text-align: center; width: 155px; line-height: 20px; } #calnext, #calprev { display: block; width: 20px; height: 20px; font-size: 11pt; line-height: 20px; text-align: center; float: left; cursor: pointer; } #calnext { float: right; } #calprev.caldisabled, #calnext.caldisabled { visibility: hidden; } #caldays { height: 14px; border-bottom: 1px solid rgb(144, 152, 167); } #caldays span { display: block; float: left; width: 28px; text-align: center; color: rgb(144, 152, 167); } #calweeks { margin-top: 4px; } .calweek { clear: left; height: 22px; } .calweek a { display: block; float: left; width: 27px; height: 20px; text-decoration: none; font-size: 11px; margin-left: 1px; text-align: center; line-height: 20px; border-radius: 3px; } .calweek a:hover, .calfocus { background-color: rgb(250, 250, 251); } a.caloff { color: rgb(138, 147, 162); } a.caloff:hover { background-color: rgb(250, 250, 251); } a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; } #caltoday { font-weight: bold; } #calcurrent { background-color: rgb(144, 152, 167); color: rgb(250, 250, 251); } ul.autoCompleteList { background: rgb(250, 250, 251) url('styles/executive/xenforo/gradients/category-23px-light.png') repeat-x top; border: 1px solid rgb(175, 181, 192); padding: 2px; font-size: 11px; min-width: 180px; _width: 180px; z-index: 1000; } ul.autoCompleteList li { padding: 3px 3px; height: 24px; line-height: 24px; } ul.autoCompleteList li:hover, ul.autoCompleteList li.selected { background-color: rgb(235, 236, 239); border-radius: 3px; } ul.autoCompleteList img.autoCompleteAvatar { float: left; margin-right: 3px; width: 24px; height: 24px; } ul.autoCompleteList li strong { font-weight: bold; } /** status editor **/ .statusEditorCounter { color: green; } .statusEditorCounter.warning { color: orange; font-weight: bold; } .statusEditorCounter.error { color: red; font-weight: bold; } .explain .statusHeader { display: inline; } .explain .CurrentStatus { color: rgb(71, 75, 81); font-style: italic; padding-left: 5px; } /* BB code-based editor styling */ .xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea { margin-left: 0; min-height: 200px; } .bbCodeEditorContainer a { font-size: 11px; } /* * Fix silly top padding. This may require additional tags in the padding-top selector. */ .xenForm .ctrlUnit > dd { padding-top: 4px; } .xenForm .ctrlUnit.fullWidth > dd { padding-top: 0; } .xenForm .ctrlUnit > dd > input, .xenForm .ctrlUnit > dd > select, .xenForm .ctrlUnit > dd > textarea, .xenForm .ctrlUnit > dd > ul, .xenForm .ctrlUnit > dd > .verticalShift { margin-top: -4px; } .xenForm .ctrlUnit.fullWidth > dd > input, .xenForm .ctrlUnit.submitUnit > dd > input, .xenForm .ctrlUnit.fullWidth > dd > select, .xenForm .ctrlUnit.submitUnit > dd > select, .xenForm .ctrlUnit.fullWidth > dd > textarea, .xenForm .ctrlUnit.submitUnit > dd > textarea, .xenForm .ctrlUnit.fullWidth > dd > ul, .xenForm .ctrlUnit.submitUnit > dd > ul { margin-top: 0; } /* * Multi-column checkboxes */ .xenForm .checkboxColumns > dd > ul, ul.checkboxColumns { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns > dd > ul li, ul.checkboxColumns li { -webkit-column-break-inside : avoid; -moz-column-break-inside : avoid;column-break-inside: avoid; break-inside: avoid-column; margin-bottom: 4px; padding-left: 1px; display: inline-block; width: 100%; } .xenForm .checkboxColumns.blockLinksList > dd > ul li, ul.checkboxColumns.blockLinksList li { display: block; } .xenForm .checkboxColumns.multiple > dd > ul { -webkit-column-count : auto; -moz-column-count : auto;column-count: auto; -webkit-column-gap : normal; -moz-column-gap : normal;column-gap: normal; } .xenForm .checkboxColumns.multiple > dd { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns.multiple > dd > ul { margin-bottom: 18px; } #recaptcha_image { box-sizing: content-box; max-width: 100%; } #recaptcha_image img { max-width: 100%; } #helper_birthday { display: inline-block; } #helper_birthday > li { display: inline; } html[dir=rtl] #helper_birthday input, html[dir=rtl] #helper_birthday select { direction: rtl; } @media (max-width:480px) { .Responsive .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .xenForm .ctrlUnit > dt label, .Responsive .xenForm .ctrlUnit > dt dfn { margin-left: 0; } .Responsive .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .xenForm .ctrlUnit > dd, .Responsive .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: left; height: auto; padding-left: 10px; padding-right: 10px; overflow: hidden; } .Responsive .xenForm .checkboxColumns > dd > ul, .Responsive ul.checkboxColumns { -webkit-column-count : 1; -moz-column-count : 1;column-count: 1; } .Responsive #ctrl_upload { max-width: 200px; } .Responsive .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .xenForm .ctrlUnit > dd > input, .Responsive .xenForm .ctrlUnit > dd > select, .Responsive .xenForm .ctrlUnit > dd > textarea, .Responsive .xenForm .ctrlUnit > dd > ul, .Responsive .xenForm .ctrlUnit > dd > .verticalShift { margin-top: 0; } } @media (max-width:610px) { .Responsive .insideSidebar .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dt label, .Responsive .insideSidebar .xenForm .ctrlUnit > dt dfn { margin-left: 0; } .Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd, .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: left; height: auto; padding-left: 10px; padding-right: 10px; overflow: hidden; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd > input, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > select, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > textarea, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > ul { margin-top: -0; } } @media (max-device-width:568px) { .Responsive .textCtrl, .Responsive .taggingInput input, .Responsive .taggingInput .tag { font-size: 16px; } } /* --- public.css --- */ #header { } /* clearfix */ #header .pageWidth .pageContent { zoom: 1; } #header .pageWidth .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #logo { display: block; float: left; line-height: 96px; *line-height: 100px; height: 100px; max-width: 100%; vertical-align: middle; } /* IE6/7 vertical align fix */ #logo span { *display: inline-block; *height: 100%; } #logo a:hover { text-decoration: none; } #logo img { vertical-align: middle; max-width: 100%; } #visitorInfo { float: right; min-width: 250px; _width: 250px; overflow: hidden; zoom: 1; background: rgb(206, 210, 216); padding: 5px; border-radius: 5px; margin: 10px 0; border: 1px solid rgb(32, 35, 40); color: rgb(32, 35, 40); } #visitorInfo .avatar { float: left; display: block; } #visitorInfo .avatar .img { border-color: rgb(144, 152, 167); } #visitorInfo .username { font-size: 18px; text-shadow: 1px 1px 10px white; color: rgb(32, 35, 40); white-space: nowrap; word-wrap: normal; } #alerts { zoom: 1; } #alerts #alertMessages { padding-left: 5px; } #alerts li.alertItem { font-size: 11px; } #alerts .label { color: rgb(32, 35, 40); } .footer .pageContent { font-size: 11px; color: rgb(206, 210, 216); background-color: rgb(90, 98, 113); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden; zoom: 1; } .footer a, .footer a:visited { color: rgb(206, 210, 216); padding: 10px; display: block; } .footer a:hover, .footer a:active { color: rgb(235, 236, 239); } .footer .choosers { padding-left: 5px; float: left; overflow: hidden; zoom: 1; } .footer .choosers dt { display: none; } .footer .choosers dd { float: left; } .footerLinks { padding-right: 5px; float: right; overflow: hidden; zoom: 1; } .footerLinks li { float: left; } .footerLinks a.globalFeed { width: 14px; height: 14px; display: block; text-indent: -9999px; white-space: nowrap; background: url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px; padding: 0; margin: 5px; } .footerLegal .pageContent { font-size: 11px; overflow: hidden; zoom: 1; padding: 5px 5px 15px; text-align: center; } #copyright { color: rgb(89, 97, 112); float: left; } #legal { float: right; } #legal li { float: left; margin-left: 10px; } @media (max-width:610px) { .Responsive .footerLinks a.globalFeed, .Responsive .footerLinks a.topLink, .Responsive .footerLinks a.homeLink { display: none; } .Responsive .footerLegal .debugInfo { clear: both; } } @media (max-width:480px) { .Responsive #copyright span { display: none; } } .breadBoxTop, .breadBoxBottom { padding: 10px 0; overflow: hidden; zoom: 1; clear: both; box-sizing: border-box; } .breadBoxTop { } .breadBoxTop .topCtrl { margin-left: 5px; float: right; line-height: 34px; } .breadcrumb { font-size: 12px; background-color: rgb(250, 250, 251); border: 1px solid rgb(206, 210, 216); border-radius: 4px; overflow: hidden; zoom: 1; max-width: 100%; box-shadow: rgba(0,0,0,0.05) 0px 1px 3px; height: 34px; } .breadcrumb.showAll { height: auto; } .breadcrumb .boardTitle { display: none; } .breadcrumb .crust { display: block; float: left; position: relative; zoom: 1; max-width: 50%; } .breadcrumb .crust a.crumb { cursor: pointer; text-decoration: none; background-color: rgb(250, 250, 251); padding: 0 10px 0 22px; margin-bottom: -1px; border-bottom: 1px solid rgb(206, 210, 216); outline: 0 none; -moz-outline-style: 0 none; display: block; _border-bottom: none; line-height: 34px; } .breadcrumb .crust a.crumb > span { display: block; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; max-width: 100%; } .breadcrumb .crust:first-child a.crumb, .breadcrumb .crust.firstVisibleCrumb a.crumb { padding-left: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .breadcrumb .crust:last-child a.crumb { font-weight: bold; } .breadcrumb .crust .arrow { border: 17px solid transparent; border-right: 1px none black; border-left-color: rgb(206, 210, 216); -moz-border-right-colors: rgb(206, 210, 216); display: block; position: absolute; right: -17px; top: 0px; z-index: 50; -webkit-transform: rotateY(50deg) translate(-4px,0); -ms-transform: rotateY(50deg) translate(-4px,0);transform: rotateY(50deg) translate(-4px,0); width: 0px; height: 0px; } .breadcrumb .crust .arrow span { border: 18px solid transparent; border-right: 1px none black; border-left-color: rgb(250, 250, 251); -moz-border-right-colors: rgb(250, 250, 251); display: block; position: absolute; left: -19px; top: -18px; z-index: 51; white-space: nowrap; overflow: hidden; text-indent: 9999px; -webkit-transform: rotateY(17deg); -ms-transform: rotateY(17deg);transform: rotateY(17deg); width: 0px; height: 0px; } .breadcrumb .crust:hover a.crumb { background-color: rgb(235, 236, 239); } .breadcrumb .crust:hover .arrow span { border-left-color: rgb(235, 236, 239); } .breadcrumb .crust .arrow { /* hide from IE6 */ _display: none; } .breadcrumb .jumpMenuTrigger { background: transparent url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat 0 0; margin: 9px 5px 2px; display: block; float: right; white-space: nowrap; text-indent: 9999px; overflow: hidden; width: 16px; height: 16px; } @media (max-width:480px) { .Responsive .breadBoxTop.withTopCtrl { display: table; table-layout: fixed; width: 100%; } .Responsive .breadBoxTop.withTopCtrl nav { display: table-header-group; } .Responsive .breadBoxTop.withTopCtrl .topCtrl { display: table-footer-group; margin-top: 5px; text-align: right; } } #navigation .pageContent { height: 82px; position: relative; } #navigation .menuIcon { position: relative; font-size:18px; width: 16px; display: inline-block; text-indent: -9999px; } #navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before { zoom: 1; } #navigation .menuIcon:before { content: ""; font-size: 18px; position: absolute; top: 0.9em; left: 0; width: 16px; height: 2px; border-top: 6px double currentColor; border-bottom: 2px solid currentColor; } .navTabs { font-size: 12px; background-color: rgb(126, 138, 153); padding: 0 5px; border-bottom: 1px solid rgb(108, 121, 137); border-top-left-radius: 3px; border-top-right-radius: 3px; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px; height: 40px; } .navTabs .publicTabs { float: left; } .navTabs .visitorTabs { float: right; } .navTabs .navTab { float: left; white-space: nowrap; word-wrap: normal; } /* ---------------------------------------- */ /* Links Inside Tabs */ .navTabs .navLink, .navTabs .SplitCtrl { display: block; float: left; vertical-align: text-bottom; text-align: center; outline: 0 none; height: 40px; line-height: 40px; } .navTabs .publicTabs .navLink { padding: 0 15px; } .navTabs .visitorTabs .navLink { padding: 0 10px; } .navTabs .navLink:hover { text-decoration: none; } /* ---------------------------------------- */ /* unselected tab, popup closed */ .navTabs .navTab.PopupClosed { position: relative; } .navTabs .navTab.PopupClosed .navLink { color: rgb(206, 210, 216); } .navTabs .navTab.PopupClosed:hover { background-color: rgb(90, 98, 113); } .navTabs .navTab.PopupClosed .navLink:hover { color: #ffffff; } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab.PopupClosed .SplitCtrl { margin-left: -14px; width: 14px; } .navTabs .navTab.PopupClosed:hover .SplitCtrl { /* nav_menu_gadget, height: 17px */ background: transparent url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat -128px 12.5px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { position: relative; } .navTabs .navTab.selected .SplitCtrl { display: none; } .navTabs .navTab.selected .arrowWidget { /* circle-arrow-down */ background-position: -32px 0; } .navTabs .navTab.selected.PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } /* ---------------------------------------- */ /* unselected tab, popup open */ .navTabs .navTab.PopupOpen .navLink { } /* ---------------------------------------- */ /* selected tab, popup open (account) */ .navTabs .navTab.selected.PopupOpen .navLink { color: rgb(60, 65, 75); background-color: rgb(235, 236, 239); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { width: 100%; padding: 0; border: none; overflow: hidden; zoom: 1; position: absolute; left: 0px; top: 42px; height: 40px; background-position: 0px -40px; *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0); } .navTabs .navTab.selected .blockLinksList { background: none; padding: 0; border: none; margin-left: 8px; } .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 275px; } .navTabs .navTab.selected .tabLinks .menuHeader { display: none; } .navTabs .navTab.selected .tabLinks li { float: left; padding: 2px 0; } .navTabs .navTab.selected .tabLinks a { font-size: 12px; color: #ffffff; display: block; line-height: 34px; } .navTabs .navTab.selected .tabLinks .PopupOpen a { color: inherit; text-shadow: none; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { text-decoration: none; outline: 0; } .navTabs .navTab.selected .tabLinks .Popup a:hover, .navTabs .navTab.selected .tabLinks .Popup a:focus { color: inherit; background: none; border-color: transparent; border-radius: 0; text-shadow: none; } /* ---------------------------------------- */ /* Alert Balloons */ .navTabs .navLink .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding: 0 2px; border-radius: 2px; position: absolute; right: 2px; top: -12px; line-height: 16px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); height: 16px; } .navTabs .navLink .itemCount .arrow { border: 3px solid transparent; border-top-color: #e03030; border-bottom: 1px none black; position: absolute; bottom: -3px; right: 4px; line-height: 0px; text-shadow: none; _display: none; /* Hide from IE6 */ width: 0px; height: 0px; } .navTabs .navLink .itemCount.Zero { display: none; } .navTabs .navLink .itemCount.ResponsiveOnly { display: none !important; } .NoResponsive #VisitorExtraMenu_Counter, .NoResponsive #VisitorExtraMenu_ConversationsCounter, .NoResponsive #VisitorExtraMenu_AlertsCounter { display: none !important; } /* ---------------------------------------- */ /* Account Popup Menu */ .navTabs .navTab.account .navLink { font-weight: bold; } .navTabs .navTab.account .navLink .accountUsername { display: block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; } #AccountMenu { width: 274px; } #AccountMenu .menuHeader { position: relative; } #AccountMenu .menuHeader .avatar { float: left; margin-right: 10px; } #AccountMenu .menuHeader .visibilityForm { margin-top: 10px; color: rgb(90, 98, 113); } #AccountMenu .menuHeader .links .fl { position: absolute; bottom: 10px; left: 116px; } #AccountMenu .menuHeader .links .fr { position: absolute; bottom: 10px; right: 10px; } #AccountMenu .menuColumns { overflow: hidden; zoom: 1; padding: 2px; } #AccountMenu .menuColumns ul { float: left; padding: 0; max-height: none; overflow: hidden; } #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 115px; } #AccountMenu .statusPoster textarea { width: 245px; margin: 0; resize: vertical; overflow: hidden; } #AccountMenu .statusPoster .submitUnit { margin-top: 5px; text-align: right; } #AccountMenu .statusPoster .submitUnit .statusEditorCounter { float: left; line-height: 23px; height: 23px; } /* ---------------------------------------- */ /* Inbox, Alerts Popups */ .navPopup { width: 260px; } .navPopup a:hover, .navPopup .listItemText a:hover { background: none; text-decoration: underline; } .navPopup .menuHeader .InProgress { float: right; display: block; width: 20px; height: 20px; } .navPopup .listPlaceholder { max-height: 350px; overflow: auto; } .navPopup .listPlaceholder ol.secondaryContent { padding: 0 10px; } .navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: rgb(255, 255, 200); } .navPopup .listItem { overflow: hidden; zoom: 1; padding: 5px 0; border-bottom: 1px solid rgb(235, 236, 239); } .navPopup .listItem:last-child { border-bottom: none; } .navPopup .PopupItemLinkActive:hover { margin: 0 -8px; padding: 5px 8px; border-radius: 5px; background-color: rgb(235, 236, 239); cursor: pointer; } .navPopup .avatar { float: left; } .navPopup .avatar img { width: 32px; height: 32px; } .navPopup .listItemText { margin-left: 37px; } .navPopup .listItemText .muted { font-size: 9px; } .navPopup .unread .listItemText .title, .navPopup .listItemText .subject { font-weight: bold; } .navPopup .sectionFooter .floatLink { float: right; } @media (max-width:610px) { .Responsive .navTabs { padding-left: 10px; padding-right: 10px; } .Responsive .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 50px; } } @media (max-width:480px) { .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none; } } #searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearchPlaceholder { position: absolute; right: 20px; top: -28px; display: none; border-radius: 5px; cursor: pointer; font-size: 11px; height: 16px; width: 16px; box-sizing: border-box; text-indent: -9999px; background: transparent url('styles/executive/xenforo/xenforo-ui-sprite.png') no-repeat -144px 0px; overflow: hidden; } #QuickSearch { display: block; position: absolute; right: 20px; top: -18px; margin: 0; background-color: rgb(255, 255, 255); border-radius: 5px; padding-top: 5px; _padding-top: 3px; z-index: 7500; } #QuickSearch .secondaryControls { display: none; } #QuickSearch.active { box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); padding-bottom: 5px; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { float: left; width: 110px; } #QuickSearch #commonSearches { float: right; } #QuickSearch #commonSearches .button { width: 23px; padding: 0; } #QuickSearch #commonSearches .arrowWidget { margin: 0; float: left; margin-left: 4px; margin-top: 4px; } #QuickSearch .moreOptions { display: block; margin: 0 24px 0 110px; width: auto; } @media (max-width:610px) { .Responsive #QuickSearchPlaceholder { display: block; } .Responsive #QuickSearchPlaceholder.hide { visibility: hidden; } .Responsive #QuickSearch { display: none; } .Responsive #QuickSearch.show { display: block; } } /** move the header to the top again **/ #headerMover { position: relative; zoom: 1; } #headerMover #headerProxy { height: 182px; /* +2 borders */ } #headerMover #header { width: 100%; position: absolute; top: 0px; left: 0px; } /** Generic page containers **/ .pageWidth { padding-right: 5px; padding-left: 5px; margin: 0 auto; min-width: 990px; width: 98%; max-width: 1380px; _margin: 0 auto; box-sizing: border-box; } .NoResponsive body { min-width: 976px; } #content .pageContent { background-color: rgb(255, 255, 255); padding: 2px 12px; } /* clearfix */ #content .pageContent { zoom: 1; } #content .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /* sidebar structural elements */ .mainContainer { float: left; margin-right: -260px; width: 100%; } .mainContent { margin-right: 260px; } .sidebar { float: right; width: 250px; } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1; } .sidebar .visitorPanel h2 .muted { display: none; } .sidebar .visitorPanel .avatar { margin-right: 10px; float: left; width: 65px; height: 65px; width: auto; height: auto; } .sidebar .visitorPanel .avatar img { width: 65px; height: 65px; } .sidebar .visitorPanel .username { font-weight: bold; font-size: 11pt; } .sidebar .visitorPanel .stats { margin-top: 2px; } .sidebar .visitorPanel .stats .pairsJustified { line-height: normal; } /* generic sidebar blocks */ .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 { font-weight: bold; color: rgb(60, 65, 75); background-color: rgb(235, 236, 239); padding: 10px; margin: -10px -10px 10px; border-bottom: 1px solid rgb(206, 210, 216); border-top-left-radius: 3px; border-top-right-radius: 3px; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); box-shadow: inset rgba(255,255,255,0.7) 0px 1px 0px; text-shadow: rgba(255,255,255,0.9) 0px 1px 0px; } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { font-weight: bold; color: rgb(60, 65, 75); } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { font-size: 11px; color: rgb(175, 181, 192); margin-top: 5px; } .sidebar .section .secondaryContent .minorHeading a { color: rgb(175, 181, 192); } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { margin: 5px 0; overflow: hidden; zoom: 1; } .sidebar .avatarList .avatar { margin-right: 10px; float: left; width: 32px; height: 32px; width: auto; height: auto; } .sidebar .avatarList .avatar img { width: 32px; height: 32px; } .sidebar .avatarList .username { font-weight: bold; margin-top: 2px; display: block; } .sidebar .avatarList .userTitle { color: rgb(138, 147, 162); } /* list of users */ .sidebar .userList { } .sidebar .userList .username { } .sidebar .userList .username.invisible { color: rgb(144, 152, 167); } .sidebar .userList .username.followed { } .sidebar .userList .moreLink { display: block; } /* people you follow online now */ .followedOnline { margin-top: 3px; margin-bottom: -5px; overflow: hidden; zoom: 1; } .followedOnline li { margin-right: 5px; margin-bottom: 5px; float: left; } .followedOnline .avatar { width: 32px; height: 32px; width: auto; height: auto; } .followedOnline .avatar img { width: 32px; height: 32px; } /* call to action */ #SignupButton { background-color: rgb(98, 188, 94); margin: 10px 30px; border: 1px solid rgb(77, 167, 73); border-radius: 3px; text-align: center; line-height: 36px; box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 4px; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; display: block; cursor: pointer; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.12)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 100%); height: 36px; } #SignupButton .inner { font-weight: bold; font-size: 12pt; font-family: ; color: #ffffff; border-radius: 4px; display: block; } #SignupButton:hover .inner { text-decoration: none; background-color: rgb(113, 202, 109); } #SignupButton:active { box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); position: relative; top: 1px; } @media (max-width:800px) { .Responsive .mainContainer { float: none; margin-right: 0; width: auto; } .Responsive .mainContent { margin-right: 0; } .Responsive .sidebar { float: none; margin: 0 auto; } .Responsive .sidebar .visitorPanel { display: none; } } @media (max-width:340px) { .Responsive .sidebar { width: 100%; } } /** Text used in message bodies **/ .messageText { font-size: 14px; line-height: 2; } .messageText img, .messageText iframe, .messageText object, .messageText embed { max-width: 100%; } /** Link groups and pagenav container **/ .pageNavLinkGroup { display: table; *zoom: 1; table-layout: fixed; box-sizing: border-box; font-size: 11px; margin: 10px 0; line-height: 28px; } opera:-o-prefocus, .pageNavLinkGroup { display: block; overflow: hidden; } .pageNavLinkGroup:after { content: ". ."; display: block; word-spacing: 99in; overflow: hidden; height: 0; font-size: 0.13em; line-height: 0; } .pageNavLinkGroup .linkGroup { float: right; } .linkGroup { } .linkGroup a { padding: 3px 0; } .linkGroup a.inline { padding: 0; } .linkGroup a, .linkGroup .Popup, .linkGroup .element { margin-left: 10px; display: block; float: left; } .linkGroup .Popup a { margin-left: -2px; margin-right: -5px; *margin-left: 10px; padding: 3px 5px; } .linkGroup .element { padding: 3px 0; } /** Call to action buttons **/ a.callToAction { display: inline-block; line-height: 34px; outline: 0 none; height: 34px; } a.callToAction span { font-weight: bold; font-size: 12px; font-family: ; color: #ffffff; background-color: rgb(126, 138, 153); padding: 0 17px; border: 1px solid rgb(105, 117, 132); border-radius: 3px; display: block; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; box-shadow: 0px 1px 4px rgba(0,0,0, 0.15), inset rgba(255,255,255,0.1) 0px 1px 0px; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%); } a.callToAction:hover { text-decoration: none; } a.callToAction:hover span { color: rgb(255, 255, 255); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.15) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.15))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.15) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.15) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.15) 100%); } a.callToAction:active { /*position: relative; top: 2px;*/ } a.callToAction:active span { position: relative; top: 1px; box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.03) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.03))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%); } /*********/ .avatarHeap { overflow: hidden; zoom: 1; } .avatarHeap ol { margin-right: -4px; margin-top: -4px; } .avatarHeap li { float: left; margin-right: 4px; margin-top: 4px; } .avatarHeap li .avatar { display: block; } /*********/ .fbWidgetBlock .fb_iframe_widget, .fbWidgetBlock .fb_iframe_widget > span, .fbWidgetBlock .fb_iframe_widget iframe { width: 100% !important; } /*********/ .tagBlock { margin: 10px 0; font-size: 11px; } .tagList, .tagList li { display: inline; } .tagList .tag { position: relative; display: inline-block; background: rgb(250, 250, 251); margin-left: 9px; height: 14px; line-height: 14px; padding: 1px 4px 1px 6px; border: 1px solid rgb(206, 210, 216); border-left: none; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: rgb(90, 98, 113); font-size: 11px; margin-bottom: 2px; } .tagList .tag:hover { text-decoration: none; background-color: rgb(235, 236, 239); } .tagList .tag .arrow { position: absolute; display: block; height: 2px; width: 0; left: -9px; top: -1px; border-style: solid; border-width: 8px 9px 8px 0; border-color: transparent; border-right-color: rgb(206, 210, 216); } .tagList .tag .arrow:after { content: ''; position: absolute; display: block; height: 2px; width: 0; left: 1px; top: -7px; border-style: solid; border-width: 7px 8px 7px 0; border-color: transparent; border-right-color: rgb(250, 250, 251); } .tagList .tag:hover .arrow:after { border-right-color: rgb(235, 236, 239); } .tagList .tag:after { content: ''; position: absolute; left: -2px; top: 6px; display: block; height: 3px; width: 3px; border-radius: 50%; border: 1px solid rgb(206, 210, 216); background: rgb(255, 255, 255); } /* User name classes */ .username .style19 { color: #000; font-weight: bold; background: url(styles/sub_icons/crown.png) no-repeat; background: url(styles/sub_icons/crown.png) no-repeat, url(bgs/backround6.gif); padding-left: 19px; } .username .style3 { color: #000; font-weight: bold; background: url(styles/sub_icons/crown.png) no-repeat; background: url(styles/sub_icons/crown.png) no-repeat, url(bgs/backround6.gif); padding-left: 19px; } .username .style13 { font-weight: bold; color: #1E90FF; background: url(bgs/backround6.gif); } .username .style11 { color: green; font-weight: bold; background: url(styles/sub_icons/xmas_tree.png) no-repeat; background: url(styles/sub_icons/xmas_tree.png) no-repeat, url(bgs/backround9.gif); padding-left: 19px; } .username .style16 { color: #AA00AA; font-weight: bold; background: url(https://i.sharefa.st/c1zOS0MvQiYz.gif) no-repeat; padding-left: 19px; } .username .style23 { color: rgb(197, 117, 207); font-weight: bold; background: url(styles/sub_icons/bunny.png) no-repeat; padding-left: 19px; } .username .style18 { color: #66CC33; background: url(bgs/backround6.gif); font-weight: bold; } .username .style25 { color: #D55E00; font-weight: bold; background: url(styles/sub_icons/halloween-pumpkin.png) no-repeat; padding-left: 19px; } .username .style30 { color: #c76517; font-weight: bold; background: url(https://i.sharefa.st/iyCIzF00fBy3.png) no-repeat; padding-left: 19px; background-size: contain; } .username .style17 { color: #bf8f00; font-weight: bold; background: url(styles/sub_icons/gold.png) no-repeat; padding-left: 18px; } .username .style20 { font-weight: bold; color: #0082B5; background: url(styles/sub_icons/legend.png) no-repeat; padding-left: 18px; } .username .style8 { color: #005F64; } .username .style4 { font-weight: bold; color: #339966; background: url(styles/sub_icons/mod.png) no-repeat; background: url(styles/sub_icons/mod.png) no-repeat, url(bgs/backround9.gif); padding-left: 19px; } .username .style22 { color: #0099a3; } .username .style6 { font-weight: bold; color: #ff6c00; background: url(images/bgs/backround6.gif); background: url(bgs/backround6.gif); } .username .style10 { color: #DB8500; } .username .style27 { color: #744600; } .username .style12 { color: #D900FF; background: url(bgs/backround6.gif); } .username .style9 { color: #CC3300; background: url(bgs/backround6.gif); } .username .style2 { color: #0099a3; } .username .style14 { font-weight: bold; color: #11614D; background: url(styles/sub_icons/mod.png) no-repeat; background: url(styles/sub_icons/mod.png) no-repeat, url(bgs/backround9.gif); padding-left: 19px; } .username .style5 { font-weight: bold; color: #CE1800; background: url(styles/sub_icons/super-mod.png) no-repeat; background: url(styles/sub_icons/super-mod.png) no-repeat, url(bgs/backround6.gif); padding-left: 19px; } .username .banned { text-decoration: line-through; } .prefix { background: transparent url('styles/executive/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 0px 6px; margin: -1px 0; border: 1px solid transparent; border-radius: 4px; display: inline-block; } a.prefixLink:hover { text-decoration: none; } a.prefixLink:hover .prefix { color: rgb(90, 98, 113); text-decoration: none; background-color: rgb(250, 250, 251); padding: 0 6px; border: 1px solid rgb(206, 210, 216); } .prefix a { color: inherit; } .prefix.prefixPrimary { color: rgb(90, 98, 113); background-color: rgb(235, 236, 239); border-color: rgb(235, 236, 239); } .prefix.prefixSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .prefix.prefixRed { color: white; background-color: red; border-color: #F88; } .prefix.prefixGreen { color: white; background-color: green; border-color: green; } .prefix.prefixOlive { color: black; background-color: olive; border-color: olive; } .prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .prefix.prefixBlue { color: white; background-color: blue; border-color: #88F; } .prefix.prefixRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .prefix.prefixSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .prefix.prefixGray { color: black; background-color: gray; border-color: #AAA; } .prefix.prefixSilver { color: black; background-color: silver; border-color: silver; } .prefix.prefixYellow { color: black; background-color: yellow; border-color: #E0E000; } .prefix.prefixOrange { color: black; background-color: orange; border-color: #FFC520; } .discussionListItem .prefix, .searchResult .prefix { font-size: 11px; margin: 0; line-height: 18px; font-weight: normal; } h1 .prefix { font-size: 11px; margin: 0; line-height: 18px; line-height: normal; } .breadcrumb span.prefix, .heading span.prefix { font-style: italic; font-weight: bold; padding: 0; margin: 0; border: 0 none black; border-radius: 0; display: inline; color: inherit; } .userBanner { font-size: 11px; background: transparent url('styles/executive/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 1px 5px; border: 1px solid transparent; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); text-align: center; } .userBanner.wrapped { border-top-right-radius: 0; border-top-left-radius: 0; position: relative; } .userBanner.wrapped span { position: absolute; top: -4px; width: 5px; height: 4px; background-color: inherit; } .userBanner.wrapped span.before { border-top-left-radius: 3px; left: -1px; } .userBanner.wrapped span.after { border-top-right-radius: 3px; right: -1px; } .userBanner.bannerHidden { background: none; box-shadow: none; border: none; } .userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; } .userBanner.bannerHidden.wrapped span { display: none; } .userBanner.bannerStaff { color: rgb(90, 98, 113); background-color: rgb(235, 236, 239); border-color: rgb(206, 210, 216); } .userBanner.bannerStaff.wrapped span { background-color: rgb(206, 210, 216); } .userBanner.bannerPrimary { color: rgb(90, 98, 113); background-color: rgb(235, 236, 239); border-color: rgb(206, 210, 216); } .userBanner.bannerPrimary.wrapped span { background-color: rgb(206, 210, 216); } .userBanner.bannerSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .userBanner.bannerSecondary.wrapped span { background-color: #f9d9b0; } .userBanner.bannerRed { color: white; background-color: red; border-color: #F88; } .userBanner.bannerRed.wrapped span { background-color: #F88; } .userBanner.bannerGreen { color: white; background-color: green; border-color: green; } .userBanner.bannerGreen.wrapped span { background-color: green; } .userBanner.bannerOlive { color: black; background-color: olive; border-color: olive; } .userBanner.bannerOlive.wrapped span { background-color: olive; } .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; } .userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; } .userBanner.bannerBlue.wrapped span { background-color: #88F; } .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; } .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; } .userBanner.bannerGray { color: black; background-color: gray; border-color: #AAA; } .userBanner.bannerGray.wrapped span { background-color: #AAA; } .userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; } .userBanner.bannerSilver.wrapped span { background-color: silver; } .userBanner.bannerYellow { color: black; background-color: yellow; border-color: #E0E000; } .userBanner.bannerYellow.wrapped span { background-color: #E0E000; } .userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; } .userBanner.bannerOrange.wrapped span { background-color: #FFC520; } @media (max-width:800px) { .Responsive .pageWidth { } .Responsive #content .pageContent { padding-left: 6px; padding-right: 6px; } } @media (max-width:610px) { .Responsive .pageWidth { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; width: auto; } .Responsive .forum_view #pageDescription, .Responsive .thread_view #pageDescription { display: none; } } @media (max-width:480px) { .Responsive .pageWidth { width: auto; } .Responsive .pageNavLinkGroup .PageNav, .Responsive .pageNavLinkGroup .linkGroup { clear: right; } } @import url(http://fonts.googleapis.com/css?family=Roboto:900); @import url(https://fonts.googleapis.com/css?family=Titillium+Web); #33363b #logo a.textLogo{ color: #fff; font-size: 30px; font-weight: 300; padding: 0 20px; text-shadow: rgba(0,0,0,0.3) 0px 2px 0px, rgba(0,0,0,0.15) 0px 0px 3px; } #logo, #logo a{ height: 100px; line-height: 100px; display: block; } .avatar, .avatar img{ border-radius: 50%; } .memberCard .avatar, .memberCard .avatar img{ border-radius: 0; } #content .pageContent{ background: #dde0e3 } .breadcrumb a{ color: #444; text-shadow: #fff 0px 1px 0px; } .breadcrumb a:hover{ color: #222; } /* Navigation background: Navigation Tabs Container */ /* Nav link */ .navTabs .navTab.PopupClosed a.navLink{ /* background: ; */ color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; } .navTabs .navTab.PopupClosed:hover a.navLink{ background: url(rgba.php?r=255&g=255&b=255&a=25); background: rgba(255,255,255,0.1); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF); color: #fff; } /* Public tabs */ .navTabs .publicTabs .navLink{ padding: 0 20px; } /* Open menu tab */ .navTabs .Popup .PopupControl.PopupOpen > a, .navTabs .Popup.PopupContainerControl.PopupOpen > a{ color: #fff; background: url(rgba.php?r=255&g=255&b=255&a=51); background: rgba(255,255,255,0.2); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { background-color: transparent; border-radius: 0; } .Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen { border-radius: 0 0 3px 3px; } /* Active tab */ .navTabs .navTab.selected a.navLink, .navTabs ul.visitorTabs > li.navTab.selected a.navLink{ background: rgb(250, 250, 251); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); color: rgb(126, 138, 153); text-shadow: #fff 0px 1px 1px; box-shadow: inset rgba(255,255,255,0.8) 0px 1px 0px, rgba(0,0,0,0.15) 1px 0px 0px, rgba(0,0,0,0.15) -1px 0px 0px; padding-bottom: 1px; position: relative; border-radius: 4px 4px 0px 0px; font-weight: bold; } /* .navTabs .publicTabs .navTab.selected a.navLink:before, .navTabs .publicTabs .navTab.selected a.navLink:after{ content: ""; width: 4px; height: 4px; position: absolute; bottom: 0px; left: -4px; z-index: 10; background: rgb(126, 138, 153); } .navTabs .publicTabs .navTab.selected a.navLink:after{ border-bottom-color: #000; opacity: 0.4; bottom: 1px; z-index: 5; } */ .navTabs .visitorTabs{ font-size: 11px; } /* Sub navigation background */ .navTabs .navTab.selected .tabLinks{ background: rgb(250, 250, 251); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); background-position: 0 0; border-bottom: 1px solid rgb(206, 210, 216); } .navTabs .navTab.selected .tabLinks a{ color: rgb(126, 138, 153); text-shadow: #fff 0px 1px 0px; line-height: 30px; border-radius: 3px; margin-top: 3px; padding: 0 10px; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus{ color: #fff; text-shadow: none; background: rgb(126, 138, 153); } .navTabs .navTab.PopupClosed, .navTabs .navTab.PopupClosed:hover{ background: none transparent; } .navTab a strong#VisitorExtraMenu_Counter:before{ display: none; } .navTabs .navTab.selected.PopupOpen a.navLink{ border-radius: 0px; } /* Adjust the following + 0 value depending on navigation borders */ .navTabs .navTab.selected .tabLinks{ top: 41px; } #navigation .pageContent{ height: 81px; } #headerMover #headerProxy{ height: 181px; } #forums.sectionMain, .messageInfo.primaryContent{ background: none transparent; } .mainProfileColumn, .xenForm, .message{ background-color: rgb(255, 255, 255); } #loginBar .xenForm{ background: none transparent; } /* Categories and forums */ #forums .node.category.level_1, .discussionList.section.sectionMain, .sidebar .section > .secondaryContent{ border: 1px solid rgb(206, 210, 216); box-shadow: rgba(0,0,0,0.05) 0px 1px 3px; border-radius: 4px; } #forums .node.category.level_1{ margin-bottom: 10px; } #forums .nodeList li:last-of-type .nodeInfo{ border-bottom: 0; border-radius: 0px 0px 4px 4px; } #forums .nodeList .nodeInfo{ min-height: 40px; padding: 7px 0; } #forums .nodeIcon{ position: absolute; top: 50%; margin-top: -18px; } #forums .nodeText{ padding-right: 180px; } #forums .node .nodeControls{ right: 10px; top: 50%; margin: -8px 0 0 0; } body .node .subForumList li { width: 47%; } .idxStats{ float: right; position: absolute; right: 244px; top: 50%; margin-top: -20px; } .idxStats dl{ float: left; min-width: 80px; padding: 0 6px; text-align: center; text-transform: uppercase; font-size: 11px; } .idxStats dt{ display: block; color: rgb(144, 152, 167); } .idxStats dd{ display: block; color: rgb(90, 98, 113); font-size: 18px; padding-bottom: 3px; } @media (min-width: 991px){ .subForumList{ padding-right: 428px; } } @media (max-width: 990px){ .idxStats{ display: none; } #forums .nodeText{ padding-right: 0; } .subForumList{ padding-right: 225px; } } body .node .nodeLastPost{ height: 40px; line-height: 20px; padding: 0 0 0 14px; margin: -20px 20px 0 0; top: 50%; border-left: 1px solid rgb(235, 236, 239); } .sidebar .visitorPanel{ overflow: visible; } body .discussionList .sectionHeaders{ box-sizing: border-box; margin-top: 0; border-width: 0px 0px 1px 0px; border-radius: 4px 4px 0 0; } body .discussionList .sectionFooter{ border-radius: 0px 0px 4px 4px; border-bottom: 0; } body .DiscussionListOptions{ margin-left: 10px; margin-right: 10px; } .LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle{ background: none transparent !important; text-indent: 0 !important; } .LoggedIn .discussionListItem .unreadLink:before, .LoggedIn .discussionListItem .ReadToggle:before{ font-size: 10px; content: "\f067"; width: 10px; height: 10px; font-size: 10px !important; display: block; } .sidebar .secondaryContent{ border-radius: 4px; } body .message .publicControls a.item{ margin-left: 5px; margin-right: 0; } body .message .publicControls .MultiQuoteControl{ border-radius: 3px; padding-top: 1px; padding-bottom: 1px; } body .message .publicControls .MultiQuoteControl.active{ background: rgb(126, 138, 153); box-shadow: inset rgba(0,0,0,0.5) 0px 100px 0px; } @media (min-width:1025px){ .message .messageMeta .control{ opacity: 0.15; -webkit-transition: opacity ease-in-out 0.1s; -moz-transition: opacity ease-in-out 0.1s; transition: opacity ease-in-out 0.1s; } .message .messageMeta .privateControls .control{ opacity: 0; } body .message:hover .messageMeta .control{ opacity: 1; } } .message .publicControls, .message .privateControls{ min-height: 26px; line-height: 24px; } .message .publicControls .item.muted{ float: right; } @media (min-width:1000px){ /* Post control bar */ body .message{ position: relative; padding-bottom: 57px !important; padding-top: 10px !important; border: 1px solid rgb(206, 210, 216) !important; margin-bottom: 12px !important; } body .quickReply.message{ padding-bottom: 10px !important; } .thread_view .messageMeta{ position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 10px 10px 10px 150px !important; border-top: 1px solid transparent; background: transparent; } .thread_view .message:hover .messageMeta{ border-top: 1px solid rgb(235, 236, 239); background: rgb(250, 250, 251); } .thread_view .message .privateControls .authorEnd{ display: none; } .thread_view .messageMeta .InlineModCheck{ position: relative; top: 5px; } } @media (min-width:480px){ .message .messageUserBlock, .message .messageUserBlock div.avatarHolder{ background: none transparent; border: 0; } .message .messageUserBlock div.avatarHolder{ text-align: center; } .message .messageUserBlock .arrow, .message .userBanner .before, .message .userBanner .after{ display: none !important; } .message .messageUserBlock h3.userText{ text-align: center; padding-left: 0; } .message .messageUserBlock .userBanner{ border-radius: 3px; margin-left: 0; margin-right: 0; } } body .message .newIndicator{ margin-right: -28px; } .footerLegal, .footerLegal a, .footerLegal .pairsInline dt, #copyright{ color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 3px; } .footerLegal .pairsInline dt{ opacity: 0.7; } /* Remove the following if search box is inline with nav */ .withSearch .navTabs .navTab.selected .blockLinksList{ margin-right: 8px; } #QuickSearch{ top: -151px; background: none transparent; } #QuickSearch.active{ background-color: rgb(255, 255, 255); box-shadow: 0px 3px 6px rgba(0,0,0,0.25); } #QuickSearch:not(.active) #QuickSearchQuery{ border-color: #fff; border-radius: 4px; } .pageContent > .sharePage{ border: 1px solid rgb(206, 210, 216); box-shadow: rgba(0,0,0,0.05) 0px 1px 3px; border-radius: 4px; padding: 10px; background: rgb(255, 255, 255); } .pageContent > .sharePage h3{ color: rgb(60, 65, 75); font-size: 12px !important; padding: 10px; margin: -10px -10px 10px -10px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 0; border-bottom: 1px solid rgb(206, 210, 216); background: rgb(235, 236, 239); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%); box-shadow: inset rgba(255,255,255,0.7) 0px 1px 0px; text-shadow: rgba(255,255,255,0.9) 0px 1px 0px; } form#login input.button.primary{ color: #fff; text-shadow: rgba(0,0,0,0.4) 0px -1px 0px; background: #555; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); border: 0; box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px; } form#login input.button.primary:hover{ background-color: #666; } body #pageNodeNavigation{ box-shadow: rgba(0,0,0,0.05) 0px 1px 4px; border-radius: 0; } /* .quickReply.message{ border: 0; } .mainProfileColumn{ background: rgb(250, 250, 251); } */ #ProfilePanes{ padding-right: 8px; padding-bottom: 8px; min-height: 580px; } /* Font Awesome */ .navTab.account a strong:before, .navTab.inbox a:before, .navTab.alerts a:before, #AccountMenu .menuColumns a:before, .tabLinks a:before, .breadcrumb a.jumpMenuTrigger:before, .nodeIcon:before, .forum_list .sidebar .section h3:before, .node .nodeLastPost .lastThreadTitle span:before, .messageMeta .control:before, .Responsive #QuickSearchPlaceholder:before, body .node .tinyIcon:before, body .footerLinks a.globalFeed:before, .LoggedIn .discussionListItem .unreadLink:before, .LoggedIn .discussionListItem .ReadToggle:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 0px; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; /* color: inherit !important; */ } .navTab.account a strong:before{ margin: -1px 7px 0 0; content: "\f007"; } .navTab.inbox a:before{ margin: -1px 7px 0 0; content: "\f01c"; } .navTab.alerts a:before{ margin: -1px 7px 0 0; content: "\f0ac"; } #AccountMenu .menuColumns a:before{ font-size: 14px !important; opacity: 0.6; position: relative; left: -3px; } #AccountMenu .menuColumns a:hover:before{ opacity: 1; } #AccountMenu a[href*="/personal-details"]:before{ content: "\f007" } #AccountMenu a[href*="/signature"]:before{ content: "\f040" } #AccountMenu a[href*="/contact-details"]:before{ content: "\f0e0" } #AccountMenu a[href*="/privacy"]:before{ content: "\f06e" } #AccountMenu a[href*="/preferences"]:before{ content: "\f14a" } #AccountMenu a[href*="/alert-preferences"]:before{ content: "\f0ac" } #AccountMenu a[href*="/avatar"]:before{ content: "\f03e" } #AccountMenu a[href*="/security"]:before{ content: "\f084" } #AccountMenu a[href*="/news-feed"]:before{ content: "\f03a" } #AccountMenu a[href*="conversations"]:before{ content: "\f036" } #AccountMenu a[href*="/alerts"]:before{ content: "\f0ac" } #AccountMenu a[href*="/likes"]:before{ content: "\f087" } #AccountMenu a[href*="search/member"]:before{ content: "\f0cb" } #AccountMenu a[href*="/following"]:before{ content: "\f061" } #AccountMenu a[href*="/ignored"]:before{ content: "\f05e" } #AccountMenu a[href*="logout"]:before{ content: "\f053" } #AccountMenu a[href*="/upgrades"]:before{ content: "\f0d6" } #AccountMenu a[href*="/external-accounts"]:before{ content: "\f09a" } #AccountMenu { width: 294px; } #AccountMenu .menuColumns a:before{ margin: -1px 7px 0 0; font-size: 11px; width: 10px; } #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 125px; } #AccountMenu .statusPoster textarea { width: 265px; } .tabLinks a:before{ margin: -1px 7px 0 0; font-size: 14px; } .tabLinks a[href*="/mark-read"]:before{ content: "\f14a" } .tabLinks a[href*="search/"]:before{ content: "\f002" } .tabLinks a[href*="watched/forums"]:before{ content: "\f00b" } .tabLinks a[href*="watched/threads"]:before{ content: "\f03a" } .tabLinks a[href*="find-new/posts"]:before{ content: "\f0fe" } .tabLinks a[href*="members/"]:before{ content: "\f007" } .tabLinks a[href*="online/"]:before{ content: "\f0ac" } .tabLinks a[href*="recent-activity/"]:before{ content: "\f017" } .breadcrumb a.jumpMenuTrigger{ background: none transparent; text-indent: 0; text-align: center; } .breadcrumb a.jumpMenuTrigger:before{ margin: 1px 0 0 0; content: "\f03a"; font-size: 14px; } .nodeIcon{ background: none transparent !important; text-align: center; } .nodeIcon:before{ content: "\f075"; color: rgb(126, 138, 153); font-size: 30px; line-height: 30px; margin: 3px 0 0 0; opacity: 0.15; } .unread .nodeIcon:before{ content: "\f086"; opacity: 1; } .link .nodeIcon:before{ content: "\f061"; opacity: 1; } .page .nodeIcon:before{ content: "\f0f6"; opacity: 1; } .forum_list .sidebar .section h3:before{ margin: -1px 7px 0 0; content: "\f02b"; font-size: 14px; } .forum_list .sidebar .section.staffOnline h3:before{ content: "\f0e3"; } .forum_list .sidebar .section.membersOnline h3:before{ content: "\f017"; } .forum_list .sidebar .section .statsList h3:before{ content: "\f080"; } .forum_list .sidebar .section.sharePage h3:before{ content: "\f0ac"; } .lastThreadTitle{ font-weight: bold; } .node .nodeLastPost .lastThreadTitle span { float: left; height: 16px; width: 16px; margin: 1px 5px -6px 0; overflow: hidden; display: none; } .node .nodeLastPost .lastThreadTitle span:before{ line-height: 16px; display: block; content: "\f086"; font-size: 14px; color: rgb(138, 147, 162); } .messageMeta .control:before{ content: ""; position: relative; margin: -3px 5px 0px -2px; font-size: 14px; line-height: 0px; opacity: 0.7; } .messageMeta .control:hover:before{ opacity: 1; } .messageMeta .control.edit:before{ content: "\f040"; } .messageMeta .control.delete:before{ content: "\f00d"; } .messageMeta .control.ip:before{ content: "\f0ac"; } .messageMeta .control.report:before{ content: "\f165"; } .messageMeta .control.reply:before{ content: "\f075"; } .messageMeta .control.like:before{ content: "\f164"; } .messageMeta .control.unlike:before{ content: "\f165"; } .messageMeta .control.warn:before{ content: "\f071"; } .messageMeta .control.deleteSpam:before{ content: "\f014"; } body .footerLinks a.globalFeed, body .node .tinyIcon { background: #ee8822; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%); color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; border-radius: 3px; box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px, inset rgba(0,0,0,0.2) 0px -1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 2px, rgba(0,0,0,0.1) 0px 1px 2px; text-indent: 0; text-align: center; text-decoration: none; overflow: hidden; } body .footerLinks a.globalFeed{ box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px, inset rgba(255,255,255,0.3) 0px 0px 0px 1px, rgba(0,0,0,0.15) 0px 1px 2px; } body .footerLinks a.globalFeed:before, body .node .tinyIcon:before{ content: "\f09e"; display: block; line-height: 17px; font-size: 12px; } body .footerLinks a.globalFeed:before{ font-size: 10px; } .Responsive #QuickSearchPlaceholder { background: none transparent; border-radius: 0; font-size: 14px; text-indent: 0px; text-align: center; } .Responsive #QuickSearchPlaceholder:before{ display: block; height: 16px; line-height: 16px; content: "\f002"; } /* Xenfocus fixes */ .register_form .xenForm{ padding: 10px; } .skin_branding{ float: left; padding-left: 15px; } .skin_branding a{ float: none; display: inline-block; padding-left: 0; padding-right: 0; } .insideSidebar{ padding: 10px; } .node .nodeLastPost .noMessages{ line-height: 36px !important; } .messageUserBlock .userBanner{ margin-top: 6px; padding-top: 4px; padding-bottom: 4px; } .quote{ padding-left: 3px; } /* Fix wider search input */ .formPopup{ width: 256px; } .xenForm .submitUnit{ padding-top: 5px; } .navigationSideBar li a.secondaryContent{ border: 0; border-bottom: 1px solid rgb(235, 236, 239); } /* Clear index avatar in sidebar */ .section.visitorPanel .secondaryContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .footerLinks a.globalFeed{ width: 16px; height: 16px; margin: 9px 5px 0 5px; } .thread_create .surplusLabel .textCtrl{ padding-left: 5px; padding-right: 0px; } .thread_create #ctrl_title_thread_create{ box-shadow: none; padding: 3px; } .titleBar .prefix{ position: relative; top: -2px; } .PageNav .pageNavHeader{ margin-right: 7px; } .PageNav a.text{ padding: 0 7px; } .messageUserBlock .userTitle{ padding-top: 4px; } .userBanner{ box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; } #QuickSearch .moreOptions{ margin: 0 29px 0 115px; } #QuickSearch .formPopup{ background: none transparent; } #QuickSearch .Popup .arrowWidget{ margin-left: 2px; margin-top: 0; } body #moderatorBar{ border: 0; } /* Align userlinks correctly and remove border from secondaryContent */ .styleChooser .secondaryContent, .navPopup .secondaryContent, .secondaryContent.blockLinksList, #AccountMenu .menuColumns, #jumpMenu .secondaryContent{ border: 0; } .PageNav .scrollable{ height: 30px; } .formOverlay.AvatarEditor .avatarOption{ background: none transparent; border: 0; } .message.deleted .messageMeta .control{ margin-bottom: 0px; } body .afterDiscussionListHandle{ margin-top: 25px; } body .textWithCount.subHeading .text{ color: inherit; } body .textWithCount.subHeading .count{ text-shadow: none; } body .messageSimple .messageMeta{ line-height: 16px; } .discussionListItemEdit .textCtrl{ text-shadow: none; } input[type="submit"], input[type="reset"], label{ cursor: pointer; } .xenForm.formOverlay .ctrlUnit div.textCtrl{ padding-right: 0; } #ctrl_title_thread_edit{ box-shadow: none; } .help_cookies .baseHtml, .help_terms .baseHtml{ padding: 10px; } #ProfilePostList .messageMeta .control:before{ display: none !important; } body .xenOverlay.timedMessage{ background: url(rgba.php?r=255&g=255&b=255&a=224); background: rgba(255,255,255,0.88); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0FFFFFF,endColorstr=#E0FFFFFF); } /* Responsive tweaks */ @media (max-width:1010px){ .Responsive .pageWidth{ min-width: 0; } } @media (max-width:610px){ .Responsive #QuickSearch{ top: -25px; right: 15px; } .Responsive .message .messageMeta .control{ opacity: 1; } .Responsive .messageList .message{ padding: 10px 0; } .Responsive .idxStats{ display: none; } .Responsive #forums .nodeText{ padding-right: 0; } } @media (max-width:480px){ .Responsive #headerMover #headerProxy{ height: 161px; } .Responsive #logo{ height: 80px; line-height: 80px; } .Responsive #logo a.textLogo{ line-height: 80px; } .Responsive .navTabs{ border-radius: 0; } .Responsive .messageUserBlock{ background: rgb(250, 250, 251); border-radius: 4px 4px 0px 0px; border-width: 0px 0px 1px 0px; } .Responsive .messageList .message{ padding-top: 0; margin-bottom: 10px; } .Responsive .messageUserBlock a.username{ line-height: 14px; } .Responsive .messageUserBlock .userBanner{ margin-top: 2px; padding-top: 2px; padding-bottom: 2px; } .Responsive .messageUserBlock h3.userText{ padding: 5px 0 0px 8px; } .Responsive .message .privateControls .item.muted{ float: none; display: block; padding-bottom: 10px; } .Responsive .message .privateControls, .Responsive .message .publicControls{ float: none; } .Responsive .message .publicControls .item{ margin-left: 5px; } .Responsive .message .messageMeta .control{ margin-top: 0; margin-bottom: 2px; } .Responsive .messageMeta .control:before{ display: none; } .Responsive .skin_branding{ padding-left: 8px; } .Responsive .skin_branding span{ display: none; } .Responsive .navTab.account a strong:before, .Responsive .navTab.inbox a:before, .Responsive .navTab.alerts a:before{ display: none; } } /* @media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) { .Responsive .navTab.account a strong:before, .Responsive .navTab.inbox a:before, .Responsive .navTab.alerts a:before{ background-image: url(styles/executive/xenfocus/userLinkIcons-2x.png); background-size: 54px 54px; } } */ /* Node Icons */ .nodeList .node.node_159 .nodeIcon { background-image: url('styles/icons/nodes/cage.jpg') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_67 .nodeIcon { background-image: url('styles/icons/nodes/page_white_code.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_79 .nodeIcon { background-image: url('styles/icons/nodes/cinema_display.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_46 .nodeIcon { background-image: url('styles/icons/nodes/minecraft1.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_13 .nodeIcon { background-image: url('styles/icons/nodes/gnome_input_gaming.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_19 .nodeIcon { background-image: url('styles/icons/nodes/headphone.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_112 .nodeIcon { background-image: url('styles/icons/nodes/airport.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_11 .nodeIcon { background-image: url('styles/icons/nodes/tv.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_12 .nodeIcon { background-image: url('styles/icons/nodes/conversation.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_75 .nodeIcon { background-image: url('styles/icons/nodes/gnome_applications_graphics.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_4 .nodeIcon { background-image: url('styles/icons/nodes/gohome.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_9 .nodeIcon { background-image: url('styles/icons/nodes/message_news.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_83 .nodeIcon { background-image: url('styles/icons/nodes/projects_folder.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_73 .nodeIcon { background-image: url('styles/icons/nodes/shop.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_18 .nodeIcon { background-image: url('styles/icons/nodes/brain.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_44 .nodeIcon { background-image: url('styles/icons/nodes/briefcase_files.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_161 .nodeIcon { background-image: url('styles/icons/nodes/habbo.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_161 .nodeIcon { background-image: url('styles/icons/nodes/habbo.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_169 .nodeIcon { background-image: url('https://i.sharefa.st/8hZbwTxKC8e3.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_45 .nodeIcon { background-image: url('styles/icons/nodes/generic_folder.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_23 .nodeIcon { background-image: url('styles/icons/nodes/archive.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_21 .nodeIcon { background-image: url('styles/icons/nodes/moderator.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_28 .nodeIcon { background-image: url('styles/icons/nodes/user_business.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_52 .nodeIcon { background-image: url('styles/icons/nodes/girl.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_53 .nodeIcon { background-image: url('styles/icons/nodes/bubble.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_138 .nodeIcon { background-image: url('styles/icons/nodes/factions.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_137 .nodeIcon { background-image: url('styles/icons/nodes/news.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_139 .nodeIcon { background-image: url('styles/icons/nodes/bf3.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_140 .nodeIcon { background-image: url('styles/icons/nodes/cod-ghosts.jpg') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_141 .nodeIcon { background-image: url('styles/icons/nodes/gta5.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_157 .nodeIcon { background-image: url('styles/icons/nodes/lol.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_155 .nodeIcon { background-image: url('styles/icons/nodes/rust.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_160 .nodeIcon { background-image: url('styles/icons/nodes/fifa.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_17 .nodeIcon { background-image: url('styles/icons/nodes/sports.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .nodeList .node.node_159 .nodeIcon:before, .nodeList .node.node_67 .nodeIcon:before, .nodeList .node.node_79 .nodeIcon:before, .nodeList .node.node_46 .nodeIcon:before, .nodeList .node.node_13 .nodeIcon:before, .nodeList .node.node_19 .nodeIcon:before, .nodeList .node.node_112 .nodeIcon:before, .nodeList .node.node_11 .nodeIcon:before, .nodeList .node.node_12 .nodeIcon:before, .nodeList .node.node_75 .nodeIcon:before, .nodeList .node.node_4 .nodeIcon:before, .nodeList .node.node_9 .nodeIcon:before, .nodeList .node.node_83 .nodeIcon:before, .nodeList .node.node_73 .nodeIcon:before, .nodeList .node.node_18 .nodeIcon:before, .nodeList .node.node_44 .nodeIcon:before, .nodeList .node.node_161 .nodeIcon:before, .nodeList .node.node_169 .nodeIcon:before, .nodeList .node.node_40 .nodeIcon:before, .nodeList .node.node_45 .nodeIcon:before, .nodeList .node.node_23 .nodeIcon:before, .nodeList .node.node_21 .nodeIcon:before, .nodeList .node.node_28 .nodeIcon:before, .nodeList .node.node_52 .nodeIcon:before, .nodeList .node.node_53 .nodeIcon:before, .nodeList .node.node_138 .nodeIcon:before, .nodeList .node.node_137 .nodeIcon:before, .nodeList .node.node_139 .nodeIcon:before, .nodeList .node.node_140 .nodeIcon:before, .nodeList .node.node_141 .nodeIcon:before, .nodeList .node.node_157 .nodeIcon:before, .nodeList .node.node_155 .nodeIcon:before, .nodeList .node.node_17 .nodeIcon:before, .nodeList .node.node_160 .nodeIcon:before { display: none; } /* Personal Edit */ .resourceHeaders { margin-bottom: 10px; } .userText a.username { text-align: center; } .messageUserBlock .extraUserInfo { text-align: center; background-color: #fff !important; } body .EWRporta2_ArticleView .message { padding-bottom: 10px !important; } .node .nodeStats, .EWRporta2_ArticleView .mainContent .sharePage, .EWRporta2_ArticleView ul.tabs.mainTabs.Tabs { display: none; } .tabs { border-radius: 4px 4px 0 0; margin-bottom: -10px !important; padding-top: 5px; } .xenForm[action="search/search"] .tabs { margin-bottom: 15px !important; background: #fff; } .member_view .profilePage .tabs { margin-bottom: 15px !important; } .searchResultsList .searchResult { padding: 10px; } .xenForm[action="search/search"], .login_password_confirm .xenForm, .thread_create .xenForm, .EWRporta2_Thread_ArticlePromote .xenForm, .EWRporta2_Thread_FeaturePromote .xenForm, .EWRporta2_AuthorEdit .xenForm, .moderation_queue_list .xenForm, .register_form .xenForm, .error_with_login .xenForm, .lost_password .xenForm, .contact .xenForm, .member_warn .xenForm, .xenForm.AutoValidator, #pageLogin.xenForm { border: 1px solid rgb(206, 210, 216); border-radius: 4px; padding: 0 10px; } .login_password_confirm .xenForm { padding-top: 10px; } /* .pageNavLinkGroup { background: #fff; padding: 10px 20px 10px 15px; border-radius: 4px; border: 1px solid rgb(206, 210, 216); } */ .titleBar, .forumModerators, .review, .resourceInfo, .taigachat_motd, .dark_taigachat_full .primaryContent, .section.messageAuthor, #CommentPanes .primaryContent.messageSimple, .sectionMain.authorUnit, .EWRporta2_ArticleView .messageList .message, .sectionMain.tagList .secondaryContent { border: 1px solid rgb(206, 210, 216) !important; background: #fff !important; padding: 15px !important; border-radius: 4px !important; } */ .sectionMain.tagList { background: transparent; } .dark_taigachat_full .taigachat_motd, #taigachat_full #taigachat_toolbar { margin: 0 !important; } .dark_taigachat_full #taigachat_full #taigachat_box { margin: 0 0 10px 0; width: inherit; border-radius: 4px; } .taigachat_activity {font-style:inherit !important;} #taigachat_full #taigachat_message { float: left; border-radius: 4px; } #taigachat_send {display:none;} .taiga_reset {clear: both;} .forum_list .taiga_reset {height: 10px;} .taigachat_popup.taigachat_reverse #taigachat_box {top:67px !important;} .taigachat_popup .taigachat_motd {margin:20px 10px 10px 10px !important;} .dark_taigachat_full #taigachat_full #taigachat_box {margin: 0 auto 15px auto !important;height:350px !important;} #taigachat_full.taigachat_popup #taigachat_box {height:auto !important;} .forum_list #taigachat_full { border: 1px solid #CED2D8; border-radius: 4px; } .forum_list #taigachat_motd { margin-top: 6px; display: block; } .forum_list #taigachat_box { border-radius: 4px; } .forum_list .taigachat_reverse #taigachat_controls { padding: 0 10px; } .forum_list #taigachat_full.taigachat_alt.taigachat_reverse #taigachat_box { width: inherit; margin: 10px; } @media (max-width: 480px) { .forum_list #taigachat_full #taigachat_message { width: 76% !important; } .forum_list #taigachat_full.taigachat_alt.taigachat_reverse #taigachat_box { margin: 10px 0; } } .articlesGrid { margin: 5px -5px -5px; } .articlesGrid .articleItem { display: inline-block; width: 50%; } .articlesGrid .articleItem .sectionMain { margin: 5px; } .articlesGrid .articleItem .excerptOffset { height: 297px; overflow: hidden } .articleItem .primaryContent { border: 0; background: #fff; padding: 0; margin: 0; box-shadow: 1px 1px 1px #B8B8B8 } #articlesGrid .articleItem .metaData { border-bottom: 0; padding: 20px 10px; margin: 0; } .articleItem .sectionMain { background-color: transparent; } .articleItem .sectionFooter { background-color: transparent; padding: 0; border-bottom: 0; } .articleItem .sectionFooter .iconKey, .EWRporta2_ArticleView .categories .iconKey { margin-top: 6px !important; width: 16px; } .EWRporta2_ArticleList .featuresGrid .featuresOuter { border-radius: 0; border: 0; background: transparent; } .featuresGrid .bx-progress { background: #fff; } .xenPortaArticleTitle { bottom: 0; position: absolute; font-size: 18px; background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0,0,0,0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); width: 100%; } .xenPortaArticleTitleLink { padding: 10px; display: block; } .xenPortaArticleTitleLink, .featuresGrid ul li .summary .title { color: #fff; font-weight: bold; text-shadow: 1px 1px #000; } .xenPortaArticleImage { width:100%; position: relative; height: 250px; background-size: cover; background-position: center; } .xenPortaArticleTitleLink:hover { text-decoration: underline; } .titleBar, .forumModerators, .review, .resourceInfo, .mainContentBlock { border: 1px solid rgb(206, 210, 216) !important; background: #fff !important; border-radius: 4px !important; } .message .messageMeta .control { background-color: inherit !important; text-shadow: none !important; color: rgb(138,147,162) !important; } .prefixListPrefixes { padding: 15px 15px 7px 15px; margin-top: 10px !important; } .messageText { font-size: 12px; } .MedalCategory { padding: 0 10px; } #waindigoCopyrightNotice, a[href="http://steampowered.com"], .portaCopy.copyright.muted, #WMTBRANDCR, #hexCopyrightNotice { display: none; } .sidebar .avatarList .username { font-size: 15px; } .PanelScroller .panel { font-size: 12px; } .message .signature { overflow: auto; max-height: 200px; } .shoutboxWarning { text-align: center; font-size: 11px; border-radius: 3px; background: #B65858; color: #FFF; padding: 7px; text-shadow: 1px 1px 1px #000; } .forum_list .shoutboxWarning { margin: 0 10px 10px 10px; } .dark_taigachat_full .shoutboxWarning { margin-top: 10px; } .siropuChatTagged { background: #FFFEEB !important; padding: 5px 0 !important; } .siropuChatContentLeft { text-align: left !important; } #siropuChatTabs { margin-bottom: 0 !important; background-color: #fff; } #siropuChat .username { font-weight: inherit !important; } #siropuChatMessages, #siropuChatRooms { padding: 10px !important; } #siropuChatSettings label { font-weight: normal !important; } #siropuChatSubmit { display: none; } .nav-top-wrapper { font-family: 'Titillium Web', sans-serif; color: #fff; background: #26272b; box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); } .nav-top-list li { display: inline-block; margin: 0; padding: 0; } .nav-top-list a { padding: 15px 14px; color: rgba(255,255,255,0.7); font-size: 15px; text-decoration: none; display: inline-block; } .nav-top-list a:hover { background: url(rgba.php?r=0&g=0&b=0&a=25); background: rgba(0,0,0,0.1); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); text-decoration: none; color: #fff; } .nav-top-active { color: #fff !important; } html { background: #33363b; } #moderatorBar { background-color: rgb(14, 14, 14) !important; } /* #navigation .helper { display: block; height: 25px; left: -5px; padding: 0px 5px; position: absolute; top: -16px; width: 100%; /* IE8 */ background: url('styles/christmas/shelley_snow_l.png') no-repeat; /* Chrome & FF */ background: url('styles/christmas/shelley_snow_l.png') no-repeat 0% 0%, url('styles/christmas/shelley_snow_c.png') no-repeat 50% 0%, url('styles/christmas/shelley_snow_r.png') no-repeat 100% 0%; /* IE6, IE7 */ _background: url('styles/christmas/shelley_snow_l.png') no-repeat; } */ #logo img { margin-top: -18px; } .navTabs .navLink .itemCount { z-index: 100; } .color_red{color:#D81E1E;} .color_green{color:#1A9132;} .shoutboxRulesNotice { background: #C34040; border-radius: 3px; color: #fff; padding: 10px; margin-top: 5px; text-shadow: 1px 1px 1px #2D2D2D; display: none; } .shoutboxRulesNotice a { color: #fff; text-shadow: 1px 1px 1px #2D2D2D; text-decoration: underline; } .shoutboxRulesAccept { margin-top: 10px; } #siropuChatBBCode { display: none !important; }